如何衡量我的 jQuery(或 JS)重网页是否拖拽/影响客户端计算机(和触摸设备)的 CPU 性能?我不是在询问加载时间/等,因为它们取决于 JS 文件的数量。我问的是客户端资源消耗和相关的稳定性问题(如果有的话)。
具体来说:我在 wordpress 模板中嵌入了一个 jQuery 旋转函数来永久地为图像设置动画,以及其他几个基于 jquery 的动画对象。
如何衡量我的 jQuery(或 JS)重网页是否拖拽/影响客户端计算机(和触摸设备)的 CPU 性能?我不是在询问加载时间/等,因为它们取决于 JS 文件的数量。我问的是客户端资源消耗和相关的稳定性问题(如果有的话)。
具体来说:我在 wordpress 模板中嵌入了一个 jQuery 旋转函数来永久地为图像设置动画,以及其他几个基于 jquery 的动画对象。
您可以使用 Web 浏览器(如 Google Chrome)附带的 webkit 分析器(配置文件、审核选项卡)。页面速度和速度跟踪器等扩展也非常棒。您可以了解整个浏览器进程,例如它在 UI 线程中花费了多少时间、执行 javascript 等。
这是一个很好的问题。
您可以尝试 Eric 的报告浏览器帧速率的工具。
http://churchm.ag/monitor-javascript-performance/
我不确定这是否是您想要在开发过程中测试的东西,或者监视器是否有来自真实客户的反馈。可以运行上面的 Javascript 有一个背景,然后将 AJAX 消息发送回服务器以报告访问者的性能。
我发现另一个脚本尝试测量 CPU 性能,但我不知道它有多好。
http://blog.pothoven.net/2007/12/performance-based-web-app-functionality.html
您可以使用 Google Chrome Web Inspector,特别是“配置文件”面板。这里有一些关于它的更多信息......
http://jtaby.com/2012/04/23/modern-web-development-part-1.html#The%20Profiles%20Panel%20
我不建议在生产服务器上使用它,但 Firebug 有 Javascript 性能分析工具。http://getfirebug.com/javascript