浏览器渲染流程

关键渲染路径是指浏览器从最初接收请求来的HTML、CSS、javascript等资源，然后解析、构建树、渲染布局、绘制，最后呈现给客户能看到的界面这整个过程。

所以浏览器的渲染过程主要包括以下几步：

1.解析HTML生成DOM树。

2.解析CSS生成CSSOM规则树。

3.将DOM树与CSSOM规则树合并在一起生成渲染树。

4.遍历渲染树开始布局，计算每个节点的位置大小信息。

5.将渲染树每个节点绘制到屏幕。