Fullcalendar呈现2000个事件

时间:2013-05-30 20:34:16

标签: javascript jquery performance fullcalendar

我运行了一个fullcalendar脚本,但我需要渲染大约2000到3000个事件。

我已经read this post并且我已经完成了(仅在开始日期和结束日期之间加载事件)。然后我进行了JSON调用,以便Javascript只需将其发送到fullcalender。另外,我不使用renderEvent。

但是事件的渲染仍然很慢。成功调用后,ajax调用大约需要400毫秒,浏览器需要大约5到10秒才能呈现所有事件。

我还能在哪里获得速度?

2 个答案:

答案 0 :(得分:0)

假设数据在几百毫秒内被检索,连接没有瓶颈。根据我的经验,如果你有超过4000个DOM元素的页面,浏览器将显着减慢由于浏览器渲染引擎无法渲染大量元素。因此,对于2000到3000个事件时间,它由3个或更多取决于你如何为每个事件构建html,如DIV,SPAN,BR ......这将是页面上至少12000个DOM元素。

解决方案是分割数据。将其分解为较小的部分,并在必要时显示事件。

答案 1 :(得分:0)

您可以使用eventLimit

限制每天呈现的事件数