Chrome开发工具有一个用于分析图层绘制请求的部分 . 可以通过打开Dev Tools，记录时间轴跟踪然后选择Paint Profiler选项卡（如果不可见，单击Esc）来访问它 .
在右边有一个饼图，它将涂料操作分解为三种颜色之一：
蓝色
紫色
橙色
我的问题是，这些颜色意味着什么？
另见：https://developers.google.com/web/fundamentals/performance/rendering/simplify-paint-complexity-and-reduce-paint-areas?hl=en
颜色意味着它们是什么类型的绘图操作：
粉色（形状），蓝色（位图），绿色（文本），紫色（misc . ） .
refs：https://developers.google.com/web/updates/2015/03/devtools-timeline-now-providing-the-full-story?hl=en#paint-profiler
1 回答
颜色意味着它们是什么类型的绘图操作：
粉色（形状），蓝色（位图），绿色（文本），紫色（misc . ） .
refs：https://developers.google.com/web/updates/2015/03/devtools-timeline-now-providing-the-full-story?hl=en#paint-profiler