页面性能优化

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

一个页面有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的场景。。可惜服务器那边不愿意配合。。。只能作罢。。