浏览器渲染流程

Posted yaoyao-

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了浏览器渲染流程相关的知识,希望对你有一定的参考价值。

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

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

1.解析HTML生成DOM树。

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

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

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

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

以上是关于浏览器渲染流程的主要内容,如果未能解决你的问题,请参考以下文章

浏览器渲染原理及流程

浏览器渲染流程

浏览器渲染的工作流程和图片加载与渲染规则

浏览器渲染页面的原理及流程

浏览器渲染流程

浏览器渲染优化3