优化页面渲染性能

我们要尽可能的减小页面的重绘重排

  1. 集中修改样式
  2. 尽量避免在循环中进行元素的获取操作比如offsetTop等操作
  3. 利用transform实现动画变化,去替代top left等定位。因为transform只是视觉效果,只会影响自己的的重绘。
  4. 利用文档碎片(DocumentFragment)可以用于批量处理,创建元素

你可能感兴趣的:(优化页面渲染性能)