浏览器渲染页面的流程

1、解析HTML,构建DOM

2、解析CSS,构建CSSOM

3、JS脚本加载

4、将DOM和CSSOM组合生成Render Tree(渲染树)

5、遍历渲染树,将渲染树每个节点,进行页面的回流与重绘,生成页面

  上述这个过程是逐步完成的,为了更好的用户体验,渲染引擎将会尽可能早的将内容呈现到屏幕上,并不会等到所有的html都解析完才去构建和布局render树,它是解析一部分就显示一部分,同时,可能还在通过网络下载其余内容。

猜你喜欢

转载自www.cnblogs.com/wuqilang/p/11238024.html