移动端的性能陷阱和加速

1.减少或避免repaint, reflow; repaint即重绘页面如改变文字颜色,reflow即改变结构,整体可以理解为减少DOM操作。

2.尽量缓存数据。

3.使用CSS3 transform代替dom操作。

4.不要给非position:static添加css3动画。(会成倍增加浏览器开销)

5.适当的硬件加速。可以设置transform:translata3d(0,0,0); 。

posted @ 2016-11-13 12:42  Pine.nut  阅读(209)  评论(0编辑  收藏  举报