页面性能优化
最近对实时监控的项目做了一次代码优化。项目的情况如下:
一个页面有10-20个不等的echart图表,每1分钟刷新一次数据去后台取数然后展示在页面上。
项目优化点如下
把echart对象缓存,每次取数都重置一次echart对象,然后再绘制,不能直接绘制在原来的echart对象上,,有坑。。。
每次ajax对象都缓存,设置超时abort。然后再启动定时器,每次成功之后也会再启动一次定时器setTimeout
判断document.hidden,当页面被hidden的时候一定要先ajax.abort 再取消所有定时器(此处有坑)。。减少服务器压力
可以把echart扔到一个iframe里,页面局部刷新的时候要先销毁echart对象再销毁iframe,减少内存泄漏
理论上这样的项目更适合websocket的场景。。可惜服务器那边不愿意配合。。。只能作罢。。
发表评论