CSS Performance、Critical CSS 与渲染成本 | CSS

本章覆盖:CSS 是 render-blocking resource 的高层认知;unused CSS;large stylesheet;critical CSS 的概念;code splitting;route / component style;selector performance 不做过时微优化;layout / paint / composite 成本;font / background asset;animation cost;Lighthouse / Coverage / Performance;先关注资源体积、阻塞、布局和动画瓶颈。

本章知识点

  • CSS 是 render-blocking resource 的高层认知
  • unused CSS
  • large stylesheet
  • critical CSS 的概念
  • code splitting
  • route / component style
  • selector performance 不做过时微优化
  • layout / paint / composite 成本
  • font / background asset
  • animation cost
  • Lighthouse / Coverage / Performance
  • 先关注资源体积、阻塞、布局和动画瓶颈