代码层面

• 利用浏览器渲染过程的 分层 优化
  • 元素提升为图层，动画在 GPU 中完成，例如 transform、filter、position、opacity
  • css属性 will-change 提高性能
• 降低 reflow 重排（本质是重新计算layout树及后边渲染流程，如布局、分层、绘制）
  • 布局耗时 - 几何计算（宽高、margin、padding、字体大小等）
  • 修改 dom 结构