渲染

构建 DOM 树

DOM Tree

dom 的修改

构建渲染树

Style Rules

css 的修改

CSSOM 与 DOM 一起构建渲染树，浏览器依次使用渲染树来布局和绘制网页。

布局 layout

Render Tree

计算 dom 的位置，reflow 回流

绘制 paint

遍历渲染树进行绘制，repaint 重绘

渲染层合成 composite

多个渲染层进行合并

重绘重排

浏览器层合成与页面渲染优化 (opens new window)

关键渲染路径 (opens new window)