Fullcalendar渲染2000事件

Question

我正在運行一個全日歷腳本，但是我需要渲染大約2000到3000個事件。

我已經閱讀了這篇文章，並且已經做到了（僅加載開始日期和結束日期之間的事件）。 然后，我進行了JSON調用，因此Javascript只需要將其發送到fullcalender。 另外，我不使用renderEvent。

但是事件的呈現仍然非常緩慢。 成功調用之后，ajax調用大約需要400毫秒，瀏覽器將花費大約5到10秒來呈現所有事件。

我還能在哪里獲得速度？

Answer 1

假設在幾百毫秒內檢索到數據，則連接沒有瓶頸。 以我的經驗，如果您的頁面包含超過4000個DOM元素，則由於瀏覽器呈現引擎無法呈現大量元素，瀏覽器將大大減慢速度。 因此，將2000到3000個事件乘以3或更多，將取決於您為每個事件（如DIV，SPAN，BR ...）構造HTML的方式，這至少是頁面上的12000個DOM元素。

解決方案是對數據進行分段。 將其分解成較小的部分，並在必要時顯示事件。

Answer 2

您可以使用eventLimit限制每天呈現的事件數