Chrome性能监视器中每种颜色代表什么意思？

Question

20

在下面的图片中，我只选择了一个项目 - CPU使用率，但是我得到了许多不同的线条，而不是我期望的一个红线。请问有人能解释一下这些颜色吗？

- Filipp Gaponenko

应该有一个键可以告诉你。例如，橙色代表脚本编写，深紫色代表渲染等。 - Cory Kleiser

3

投票重新开放，因为关闭原因荒谬。 - Veedrac

3个回答

4

紫色表示布局。这意味着你的CPU使用率与渲染的Layout步骤相关。尝试调整窗口大小，你会再次看到粉红色。橙色用于脚本。如上面的注释所述，应该有一个说明颜色用途的键。

虽然这让我很好奇是什么导致了如此繁重的布局计算。

- Rehan Umar

这是一个性能分析不佳的优化不足的下拉菜单+自动完成VueJs组件的结果。谢谢。 - Filipp Gaponenko

0

- lami

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Cory Kleiser · Accepted Answer

也许这可以帮助你:

你应该能够在摘要选项卡下找到适合你具体情境的关键字。正如 @recursive 指出的那样，你会在 Chrome 开发者工具的性能部分下找到摘要选项卡。