web页面渲染

影响页面渲染速度的因素

带宽网速

DNS服务器的响应速度

服务器的处理能力

数据库性能

路由转发

浏览器处理能力

像素渲染流水线

下载HTML文档

解析HTML文档 生成DOM

下载文档中引用的CSS和JS

解析CSS样式表 生成CSSDOM

将js代码交给JS引擎执行

合并DOM和CSSDOM，生成Render Tree

根据RenderTree进行布局

绘制

执行图层合并

DOM文档加载的步骤

解析HTML结构

加载外部脚本和样式表文件

解析并执行脚本

DOM树构建完成//DOMContentLoaded

加载图片等外部文件

页面加载完成//load

浏览器常驻线程

GUI渲染线程

JS运行线程

事件驱动线程