理解关键渲染路径

Avatar of Chris Coyier
Chris Coyier

DigitalOcean 为您旅程的每个阶段提供云产品。立即开始使用 200 美元的免费额度!

Ire Aderinokun

CRP 有 6 个阶段 –

  1. 构建 DOM 树
  2. 构建 CSSOM 树
  3. 运行 JavaScript
  4. 创建渲染树
  5. 生成布局
  6. 绘制

我想,如果您真的开始深入研究性能工作,您会希望对它有深入的了解。有很多方法可以阻止/延迟此过程的某些部分。性能极客的工作是了解何时以及为何发生这种情况,评估它是否必要,并调整内容以尽快进入绘制步骤。

我很好奇这是否足够通用,以至于 100% 的所有渲染引擎都以 100% 的相同方式工作,或者是否存在重大差异。

直接链接 →