浏览器渲染过程

浏览器下载页面中所有的组件：HTML、JavaScript、CSS、图片后：

1. 解析HTML代码，构建DOM树。
2. 解析CSS，生成CSS规则树。
3. 合并DOM树和CSS规则树，生成Render树。
4. 布局Render树，负责各元素尺寸、位置的计算。
5. 绘制Render树，绘制页面像素信息。
6. 浏览器将各层的信息发送给GPU，GPU将各层合成。