FullCalendar – 我应该期待什么级别的事件渲染性能?

我使用$('#CalendarPlugin').fullCalendar('renderEvent', {} );在FullCalendar中渲染100个事件$('#CalendarPlugin').fullCalendar('renderEvent', {} ); 在一个循环中被调用100次。

我在电脑上看到的浏览器性能(Core2 6600 @ 2.4GHz,4GB RAM)

  • Chrome :3秒
  • Firefox :6秒
  • IE9 :6秒

这是预期的性能水平吗? 是否有更快的方式加载和呈现事件?

一旦它们被添加到FullCalendar,在几个月之间移动并重新渲染它更快。 这只是使用renderEvent的初始加载速度很慢。

开发人员正致力于1.4.4版本的性能增强,但是在循环中点击插件100次仍然很重要。

您可以尝试提高性能的一种技术是在addEventSource使用一个对象,因为它等待并完全呈现我相信:

  $("#calendar").fullCalendar("addEventSource", msg.items); 

这个想法是一次性获取特定时期内的所有事件,看看api

http://arshaw.com/fullcalendar/docs/event_data/events_array/

http://arshaw.com/fullcalendar/docs/event_data/events_json_feed/

http://arshaw.com/fullcalendar/docs/event_data/events_function/

一旦最初加载,您的性能会提高,因为默认情况下会缓存事件。