javascript - 如何测量客户端计算机上 javascript 繁重网页的性能？

Question

如何衡量我的 jQuery（或 JS）重网页是否拖拽/影响客户端计算机（和触摸设备）的 CPU 性能？我不是在询问加载时间/等，因为它们取决于 JS 文件的数量。我问的是客户端资源消耗和相关的稳定性问题（如果有的话）。

具体来说：我在 wordpress 模板中嵌入了一个 jQuery 旋转函数来永久地为图像设置动画，以及其他几个基于 jquery 的动画对象。

score 2 · Accepted Answer

您可以使用 Web 浏览器（如 Google Chrome）附带的 webkit 分析器（配置文件、审核选项卡）。页面速度和速度跟踪器等扩展也非常棒。您可以了解整个浏览器进程，例如它在 UI 线程中花费了多少时间、执行 javascript 等。

score 1 · Accepted Answer

这是一个很好的问题。

您可以尝试 Eric 的报告浏览器帧速率的工具。

我不确定这是否是您想要在开发过程中测试的东西，或者监视器是否有来自真实客户的反馈。可以运行上面的 Javascript 有一个背景，然后将 AJAX 消息发送回服务器以报告访问者的性能。

我发现另一个脚本尝试测量 CPU 性能，但我不知道它有多好。

score 0 · Accepted Answer

您可以使用 Google Chrome Web Inspector，特别是“配置文件”面板。这里有一些关于它的更多信息......

score 0 · Accepted Answer

我不建议在生产服务器上使用它，但 Firebug 有 Javascript 性能分析工具。http://getfirebug.com/javascript

4 回答 4