在Chrome Dev Tools Paint Profiler中，颜色表示什么？

Question

Chrome开发者工具有一个用于分析图层绘制请求的部分。 可通过打开开发工具，记录时间线跟踪然后选择“油漆分析器”选项卡（如果不可见，单击“Esc”）来访问。

在右边有一个饼图，它将绘画操作分解为三种颜色之一：

• 蓝
• 紫
• 橙

我的问题是，这些颜色意味着什么？

另请参阅：https://developers.google.com/web/fundamentals/performance/rendering/simplify-paint-complexity-and-reduce-paint-areas?hl=en

Answer 1

颜色表示它们是什么类型的绘图操作：

粉红色（形状），蓝色（位图），绿色（文本），紫色（misc。）。

参考：https://developers.google.com/web/updates/2015/03/devtools-timeline-now-providing-the-full-story?hl=en#paint-profiler