Chrome DevTools 首次绘制性能时间线

Question

Chrome DevTolls 性能事件日志中有很多事件，我想知道哪一个代表真正的绘画（绘画到屏幕）。

有一个绘画事件，但我不知道它是否是一个真正的绘画。在我看来，Composite Layers 代表的是真正的绘画，但是当 First Paint Event 触发时，可能没有 Composite Layers。

我的问题：

1. 哪一个是指事件日志中的真实绘制、绘制或复合层？
2. 第一个 Paint 事件是否意味着 FP（First Paint）？

Answer 1

1. Paint只是显示列表的记录（画矩形、圆、颜色~） 复合层实际上是渲染器主线程将层提交到复合器线程到复合层。

   real paint : paint -> raster -> gpu，这会在下一个 vsync 显示。

2. 是的，它与第一个像素相同。