性能优化之回流重绘

首先，我们需要先明白一个问题

用户请求的资源到达渲染引擎后如何工作？

1. 构建DOM树
2. 构建CSSOM树和样式计算
3. 构建渲染树

下面是网上的一张图片，可以很清晰的说明前三步

4. 布局阶段

布局阶段会从渲染树的根节点开始遍历，然后确定每个节点对象在页面上的确切的大小和位置，所有相对的测量值也都会被转换为屏幕内的绝对像素值。

5. 绘制

浏览器主进程将默认的图层（普通文档流的元素）和多个独立图层交给GPU进程，GPU进程再将各个图层合成，最终显示在屏幕上。
哪些元素会独立图层？