CSS Animation Performance:Layout、Paint 与 Composite | CSS

本章覆盖:layout-triggering changes 高层认知;paint;composite;transform / opacity 常见合成优势;`will-change`;will-change 不能全局滥用;large blur / shadow / filter 成本;DevTools Performance 的基础观察;先测量再优化;动画性能与设备差异。

本章知识点

  • layout-triggering changes 高层认知
  • paint
  • composite
  • transform / opacity 常见合成优势
  • will-change
  • will-change 不能全局滥用
  • large blur / shadow / filter 成本
  • DevTools Performance 的基础观察
  • 先测量再优化
  • 动画性能与设备差异