网页中的元素太多，加载速度太慢，使用过程中卡顿严重，5个优化方法：使用viewport，减少DOM节点，优化动画元素，优化高频事件，加速GPU
HTML不妨使用viewport
图656-1：viewport
它可以加载页面的渲染。
减少DOM的节点
图656-2：渲染树
很明显，DOM节点过多的话会影响页面的渲染，因此要减少。在进行页面设计时要意识到这个细节。
优化动画
图656-3：CSS3动画
比如建议使用CSS3动画，或者合理的以equestAnimationFrame动画来代替setTimeout，又或者是如果动画超过5个以上的话，就使用canvas，5个以内的话使用CSS。
优化高频事件
比如最常用的方式就是增加响应变化的事件间隔，从而减少重绘的次数。
加速GPU
图656-4：动画流水线
比如CSS当中的一些属性，CSS3 transitions、CSS3 3D transforms、Opacity、Canvas、WebGL、Video，以此来出发GPU的渲染，当然，要合理别过度。否则会让设备耗电过多！
转载请注明：网创网 www.netcyw.cn/b656.html
加油！！！