1、根据html文件构建DOM树和CSSOM树。构建的过程中如果遇到js文件阻塞DOM树及CSSOM树的构建,则优先加载js文件,加载完毕,再继续构建DOM树和CSSOM树;
2、构建渲染树(Render Tree);
3、页面的重绘(repaint)和重排(reflow,也叫回流),页面渲染完成后,若js操作了DOM节点,根据js对DOM的操作,浏览器对页面进行重绘或者重排。
1、根据html文件构建DOM树和CSSOM树。构建的过程中如果遇到js文件阻塞DOM树及CSSOM树的构建,则优先加载js文件,加载完毕,再继续构建DOM树和CSSOM树;
2、构建渲染树(Render Tree);
3、页面的重绘(repaint)和重排(reflow,也叫回流),页面渲染完成后,若js操作了DOM节点,根据js对DOM的操作,浏览器对页面进行重绘或者重排。