javascript - 加载后我的网页 CPU 为 100% - 如何调试？

Question

我尝试优化我的程序，该程序在 Ubuntu 上为特定页面占用了 107% 以上的 CPU 使用率，而其他页面则占用了更少的 CPU 使用率(70% - 也显示多个量具，但不同 - ，5% 显示其他数据(这是不显示量具)等...)。

我的页面使用 justgage.js 显示多个量具，而 justgage.js 使用 raphael.js

我尝试使用 Google 开发者工具进行调试，但是当我使用“收集 Javascript CPU 配置文件”时，没有任何东西让我相信有什么东西正在占用该 CPU。我唯一看到的是“Program”功能 100%

你知道我该如何调试这个吗？或者什么会这样占用CPU？

请注意，在 ubuntu 上使用“top”命令的 CPU 在使用 Firefox 或 Chrome 时给出了相同的结果。

Answer 1

100% CPU 使用率没有任何问题，除非页面加载时间太长，因为如果 CPU 正在运行您的代码，它就会全速运行。

所以真正的问题是，这是否需要太长时间？如果是这样，有一个简单的方法可以找出原因。

如果您可以使用 Chrome 调试器，则只需在它看起来挂起时点击“暂停”即可，如 this post by @Tigraine 所示。 。显示调用堆栈，读取它，并找出它为什么要执行堆栈上的每件事，因为如果它浪费了很多时间(以百分比表示)，您很可能会立即发现它。您可能需要执行此操作几次才能发现问题。情况越糟糕，你看的次数就越少。

那就是this technique ，这与尝试收集测量值确实有很大不同。