开源浏览器一般以8k每块下载html页面。
1、然后解析页面生成DOM树，

2、遇到css标签或JS脚本标签就新起线程去下载他们，并继续构建DOM。

3、下载完后解析CSS为CSS规则树，浏览器结合CSS规则树和DOM树生成Render Tree。

注意：构建CSS Object Model（CSSOM)会阻塞JavaScript的执行。JavaScript的执行也会阻塞DOM的构建。
JavaScript下载后可以通过DOM API修改DOM，通过CSSOM API修改样式作用域Render Tree。
每次修改会造成Render Tree的重新布局和重绘。只要修改DOM或修改了元素的形状或大小，就会触发Reflow，单纯修改元素的颜色只需Repaint一下（调用操作系统Native GUI的API绘制）。

 

转自知乎，以下为链接
链接：https://www.zhihu.com/question/30218438/answer/84704484