浏览器接受到请求之后的渲染流程是什么

38 阅读1分钟

浏览器接受到请求之后的渲染流程是什么

①接受到服务器返回的HTML文档,并开始解析HTML元素

②顺序解析HTML元素,遇到外部资源发起请求,JS资源默认阻塞HTML解析,除非用async或者defer属性优化

③当HTML元素被解析完毕时,如果CSS文件加载完毕,就进入下一阶段:建树和合并

④DOM树根据被解析好的HTML元素构建,CSSOM树根据被解析好的CSS文件构建,两者合并为渲染树(display:none不进入渲染树,opacity:none和visibility:hidden进入渲染树但是不进行绘制)

⑤浏览器根据渲染树进行布局与绘制