浏览器渲染原理

用户请求的HTML文本(text/html)通过浏览器的网络层到达渲染引擎后，渲染工作开始。

渲染流程有四个主要步骤：

1. 解析HTML建立dom树。
2. 解析CSS构建render树，其实就是讲css解析成树的数据结构，然后结合dom树形成render树。
3. 布局render树（Layout/reflow），复杂计算元素的大小、位置等信息。
4. 开始绘制render树（paint），绘制页面像素信息。
5. 浏览器会将绘制信息发送给GPU，GPU会将合成（composite），显示在屏幕上。