大屏数据显示优化

大屏数据显示优化

大屏数据的页面里面包含了一些3D地图和世界航班趋势图，反应上来有个问题，就是动画比较卡顿。

缘由无外乎两个：

一、电脑配置比较低
二、页面计算量较大

针对第二点的优化方案以下

jquery动画去除

图形渐变使用了jquery动画，其中还会夹杂一些Dom操做。这些是有必要去除的，因此把这些动画所有换成了css3动画。

图片压缩

有些风景图片须要展现，这些照片都是高清的。清晰度过高的图片，浏览器处理起来也是有很明显的卡顿，尤为是图片切换到时候。而大屏像素很低，高清的图片也显示的像素点很大，看起来很是模糊，因此并无必要使用高清的。把图片质量下降一些，切换卡顿就不见了，显示却并无特别的变化。

echarts图表优化

有两个比较大的图表在切换，当一个图片显示的时候，能够先把另外一个销毁，这样就少了一个图表动画在运行。

作了以上工做，刷新一下感受好了点，卡顿好多了。

可是，咱们太天真，当页面运行时间一长的时候，卡顿仍是会出现，因此。。。

刷新大法好！！！