渲染循环:Chrome DevTools

时间:2016-09-28 10:05:19

标签: javascript google-chrome-devtools

浏览器可能会在渲染帧时经历几个步骤,例如:

  1. CSS重新计算 - 浏览器相应地创建/更新DOM和CSSOM并创建渲染树

  2. 布局 - 确定元素在屏幕上的位置和方式

  3. 更新图层树
  4. 绘制 - 绘制像素。它将整个页面划分为多个层,以便最大限度地减少更新中的绘制区域
  5. 复合图层 - 将各个图层合成为最终的屏幕图像
  6. Rasterize Paint
  7. 在上面的#3中,什么是" Layer Tree"?

0 个答案:

没有答案