浏览器加载网页时的过程是什么

1、开源浏览器一般以8k每块下载html页面 。
2、解析页面生成DOM树,遇到css标签或JS脚本标签就新起线程去下载他们,并继续构建DOM 。
【浏览器加载网页时的过程是什么】3、下载完后解析CSS为CSS规则树 , 浏览器结合CSS规则树和DOM树生成Render Tree 。
4、注意:构建CSS Object Model(CSSOM)会阻塞JavaScript的执行 。JavaScript的执行也会阻塞DOM的构建 。JavaScript下载后可以通过DOM API修改DOM,通过CSSOM API修改样式作用域Render Tree 。每次修改会造成Render Tree的重新布局和重绘 。只要修改DOM或修改了元素的形状或大小,就会触发Reflow,单纯修改元素的颜色只需Repaint一下(调用操作系统Native GUI的API绘制) 。

    推荐阅读