- 构建 DOM树: 解析 HTML 文件,构建 DOM树,同时浏览器主进程负责下载 CSS 文件
- 构建CCSOM树: CSS 文件下载完成,解析 CSS 文件形成CSSOM Tree
- 生成渲染树: CSSOM + DOM => 渲染树RenderTree
- 布局(Layout): RenderObject根据盒模型确定元素的尺寸,位置
- 绘制(Painting) : 绘制页面像素信息
- 显示(Display): 浏览器主进程将默认的图层和复合图层交给 GPU 进程,GPU 进程再将各个图层合成(composite),最后显示出页面