页面性能优化

最近对实时监控的项目做了一次代码优化。项目的情况如下:

一个页面有10-20个不等的echart图表,每1分钟刷新一次数据去后台取数然后展示在页面上。

项目优化点如下

  1. 把echart对象缓存,每次取数都重置一次echart对象,然后再绘制,不能直接绘制在原来的echart对象上,,有坑。。。

  2. 每次ajax对象都缓存,设置超时abort。然后再启动定时器,每次成功之后也会再启动一次定时器setTimeout

  3. 判断document.hidden,当页面被hidden的时候一定要先ajax.abort 再取消所有定时器(此处有坑)。。减少服务器压力

  4. 可以把echart扔到一个iframe里,页面局部刷新的时候要先销毁echart对象再销毁iframe,减少内存泄漏

  5. 理论上这样的项目更适合websocket的场景。。可惜服务器那边不愿意配合。。。只能作罢。。

本文标题:页面性能优化
本文链接:https://56way.com/p/62.html
作者授权:除特别说明外,本文由 无路 原创编译并授权 小无路 刊载发布。
版权声明:本文不使用任何协议授权,您可以任何形式自由转载或使用。

发表评论

必填

选填

选填

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。