FullCalendar - 我應該期待什么級別的事件渲染性能？

Question

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

我在電腦上看到的瀏覽器性能（Core2 6600 @ 2.4GHz，4GB RAM）

• Chrome ：3秒
• Firefox ：6秒
• IE9 ：6秒

這是預期的性能水平嗎？ 是否有更快的方式來加載和呈現事件？

一旦它們被添加到FullCalendar中，在幾個月之間移動並重新渲染它的速度要快得多。 這只是使用緩慢的renderEvent初始加載它們。

Answer 1

開發人員正致力於1.4.4版本的性能增強，但是在循環中點擊插件100次仍然很重要。

您可以嘗試提高性能的一種技術是在addEventSource使用一個對象，因為它等待並完全呈現我相信：

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

Answer 2

這個想法是一次性獲取特定時期內的所有事件，看看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/

一旦最初加載，您的性能會提高，因為默認情況下會緩存事件。