关键渲染路径_从输入URL到页面渲染完成究竟发生了什么?

关键渲染路径(Critial Rendering Path)

我们在地址栏上输入URL到完成页面渲染，这直接发生了什么？
1.DNS解析
2.请求服务器
3.服务器处理请求
4.服务器响应
5.浏览器接收响应
下面主要介绍第5步

从服务器获取HTML文件后到页面呈现完整内容发生的事情

分为六步

1.创建DOM树（Constructing the DOM Tree）
2.创建CSSOM树（Constructing the CSSOM Tree）
3.执行脚本（Running JavaScript）
4.生成渲染树（Creating the Render Tree）
5.生成布局（Generating the Layout）
6.绘制（Painting）

更详细的说明请移步到我的个人博客观看