【问题标题】:How can I measure the performance of a javascript heavy webpage on a client computer?如何测量客户端计算机上 javascript 繁重网页的性能?
【发布时间】:2012-05-14 03:31:12
【问题描述】:

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

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

【问题讨论】:

  • 您可以使用 chrome 开发者工具中的配置文件选项卡。它将为您分析 CPU。
  • 您可以安装 VMPlayer 之类的东西,然后用特定硬件“生成”一台新的虚拟 PC。
  • 我不知道用 JS 衡量客户端性能的方法,但是,我通常会设置一个 VM 来限制 CPU 并使用少量 RAM 并使用 chrome 开发人员工具来了解一下。
  • 现在大家都以 cmets 的身份给出答案是怎么回事?这不是答案框的用途吗?
  • @Matt 问题:“我如何衡量客户绩效”。评论答案不回答这个问题。 ;p

标签: javascript jquery wordpress


【解决方案1】:

这是个好问题。

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

http://churchm.ag/monitor-javascript-performance/

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

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

http://blog.pothoven.net/2007/12/performance-based-web-app-functionality.html

【讨论】:

    【解决方案2】:

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

    【讨论】:

      【解决方案3】:

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

      【讨论】:

      • 跟进 chrome 扩展和 webkit 分析器.....有没有在线资源告诉我们什么是好的性能......
      【解决方案4】:

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

      http://jtaby.com/2012/04/23/modern-web-development-part-1.html#The%20Profiles%20Panel%20

      【讨论】:

        猜你喜欢
        • 2011-01-07
        • 2015-05-27
        • 1970-01-01
        • 2016-02-04
        • 2012-07-15
        • 1970-01-01
        • 1970-01-01
        • 2021-01-14
        • 2015-09-16
        相关资源
        最近更新 更多