调整窗口

时间:2017-11-16 17:43:54

标签: javascript reactjs d3.js

我在ReactJS中创建了一个页面,它加载并显示了许多包含图表的小方框,而且我遇到了严重的性能问题。

由于渲染所有图表所需的计算(我正在使用图表的http://c3js.org/),页面有点慢(平均5秒)加载第一次,我很好我觉得这很正常。

然而,当调整窗口大小时,页面会冻结,并且在最终调整大小并再次响应之前会有很长的延迟(10秒+)。

当我查看chrome性能选项卡时,延迟似乎是由于某些脚本在后台发生。 The performance tab after recording a resize

在我的控制台中还有大量的警告打印,而页面正在做的事情没有响应

The warnings and errors

错误来自d3库本身。 我也在搜索如何解决这些警告,但没有找到答案。

我还注意到只有在我水平调整页面时页面才会冻结。

知道这可能来自哪里,在哪里搜索或如何解决?

谢谢! :)

0 个答案:

没有答案