Chrome性能监视器中每种颜色的含义是什么？

Question

在下图中我只选择一项 - CPU使用率，而是一条红线，正如我预期的那样，我在图表上得到了几条不同的线条。 请问有人解释这种颜色吗？

Answer 1

也许这会有所帮助：

您应该能够在摘要标签下找到特定方案的关键字。正如@recursive所指出的，您可以在Chrome开发人员工具的“性能”部分下找到摘要选项卡

Answer 2

粉红色表示布局。这意味着您的CPU使用率与Layout渲染步骤相关。尝试调整窗口大小，您将再次获得此粉红色。橙色用于编写脚本。如上述评论中所述。应该有一个表示颜色目的的键。

虽然这让我很好奇是什么造成了如此沉重的布局计算。