1.减少或避免repaint, reflow; repaint即重绘页面如改变文字颜色,reflow即改变结构,整体可以理解为减少DOM操作。
2.尽量缓存数据。
3.使用CSS3 transform代替dom操作。
4.不要给非position:static添加css3动画。(会成倍增加浏览器开销)
5.适当的硬件加速。可以设置transform:translata3d(0,0,0); 。
时间: 2024-11-03 22:15:10
1.减少或避免repaint, reflow; repaint即重绘页面如改变文字颜色,reflow即改变结构,整体可以理解为减少DOM操作。
2.尽量缓存数据。
3.使用CSS3 transform代替dom操作。
4.不要给非position:static添加css3动画。(会成倍增加浏览器开销)
5.适当的硬件加速。可以设置transform:translata3d(0,0,0); 。