Javascript 在Chrome性能监视器中，每种颜色意味着什么？

在下面的图片中，我只选择了一个项目——CPU使用率，但正如我所期望的，我在图表上得到了几条不同的线。 谁能解释一下这个颜色吗

也许这会有帮助：

---

您应该能够在summary选项卡下找到特定场景的键。正如@recursive所指出的，您可以在Chrome开发工具的性能部分找到摘要选项卡，粉红色表示布局。这意味着您的CPU使用量与渲染的

布局
步骤有关。尝试调整窗口大小，您将再次获得此粉红色。橙色用于编写脚本。如上述评论所述。应该有一个指示颜色用途的键

尽管这让我好奇是什么导致了如此繁重的布局计算。
应该有一个键告诉你。例如，orange正在编写脚本。深紫色正在渲染。投票重新开放，因为关闭的理由是荒谬的。谢谢。这是分析错误的优化下拉列表+自动完成vueJs组件的结果。对于任何试图像我一样找到它的人，“摘要”选项卡位于性能部分下，而不是位于图表所在的控制台抽屉中。