使用 Web 浏览器进行 CPU 分析答案

【问题标题】：CPU profiling with web browser使用 Web 浏览器进行 CPU 分析
【发布时间】：2012-10-16 12:11:12
【问题描述】：

我有一个使用 Ruby 脚本生成的静态网页。它使用 CSS、Javascript 和 jQuery。当我快速单击页面中连接到 jQuery 事件的一些按钮时，CPU 使用率接近 100%。我想看看 CPU 使用率高的原因，并尝试了 Google Chrome CPU profiler，得到了以下截图：

高 CPU 似乎是由(program) 所描述的引起的。那是什么意思？而且，有没有办法分解(program) 部分以更详细地查看我的哪些功能正在占用CPU？

【问题讨论】：

标签： javascript cpu-usage google-chrome-devtools

【解决方案1】：

(program) 表示 (a) 选项卡空闲时间，或 (b) 执行的本机浏览器代码。我猜你的情况是（b）。仔细看看Timeline，如果“Recalcualte Style”和“Paint”占用了相当多的时间，你需要优化你的页面。

【讨论】：

【解决方案2】：

最好使用时间轴选项卡。您可以分析 CPU 使用情况，这对您来说很容易。

【讨论】：

我刚试过，但它只有几个项目，叫做“重新计算样式”、“油漆”等，我看不到哪些特定功能正在使用 CPU 时间。