1

我有一个完整的日历脚本正在运行,但我需要渲染大约 2000 到 3000 个事件。

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

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

我还能在哪里获得速度?

4

2 回答 2

0

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

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

于 2013-05-30T20:55:32.910 回答
0

您可以使用eventLimit限制每天呈现的事件数量

于 2015-09-30T20:30:54.757 回答