衡量Javascript性能

我正在尝试对前端进行全面分析，我想知道是否有任何工具可以自动测量Javascript

例如：

• 执行函数（无需我手动将日期对象放在记录之前/之后）
• 我的页面上哪个脚本最慢，为什么
• 找出我需要优化的功能
• 除了通过John Resig的

  jQuery profile.js

  ，我还有什么可以改进jQuery的地方吗
  • 我可以使用更好的选择器
  • 对某些对象的记忆
  • 使用更好的函数（例如：使用find，因为它更快）

除了Firebug、Chrome开发工具、Yslow/Page speed插件等之外，我正在为我的JS寻找一个剖析器（以及一些能够分析jQuery内容的东西）。我正在寻找比JSlint或jsPerf更好的东西

我的应用程序上运行了New Relic，但它没有告诉我哪里缺少脚本

---

我希望有一种更简单的方法来分析我的JS，而不是手动操作。我需要一个能够进行全面分析并给我一份指标报告的临时解决方案。

我真的怀疑你是否能自动做到这一点，否则聘请高级开发人员来识别此类问题是没有意义的：）你能做的是使用Chrome开发工具，并使用CPU profiler和Timeline工具手动检查页面，看看有什么问题运行缓慢或内存泄漏的原因

---

祝你好运

我想你在找这样的东西：

从文档简介到此：

使用速度跟踪器，您可以更好地了解时间的位置 正在您的应用程序中使用。这包括由以下原因引起的问题： JavaScript解析和执行、布局、CSS样式重新计算和 选择器匹配、DOM事件处理、网络资源加载、计时器 火灾、XMLHttpRequest回调、绘制等

---

您还可以查看Yahoo提供的javascript库。这是一个了不起的工具，可以捕获beacon服务器上的用户体验并对其进行分类/分析。

我最近遇到了这个问题，应该可以帮助衡量您的javascript代码性能-

我创建了一个工具：

它使用PhantomJS加载页面，并在加载页面时分析许多内容。启动测试，然后单击“JS时间线”选项卡。您将找到与DOM交互的每个JS函数的日志，包括jQuery函数

---

我用它来为我的客户审核JS代码，当你需要解开一些意大利面代码，或者理解一些小型的第三方小部件时，它是最好的现有工具

如果你正在使用Chrome->右键单击->检查元素->网络选项卡，现在再次加载页面并保持网络选项卡打开，它将向你报告JS加载的时间和其他事情，我强烈建议你在google中查找“页面速度”。页面速度不会告诉你任何关于脚本性能的信息。但除此之外，它还是一个分析页面资产总体性能的好工具。它是附加组件吗？我也可以在firefox上使用这个？遗憾的是，Speed Tracer似乎已经被放弃了。它不再在Chrome商店中。请注意，Chrome和IE目前支持用户计时API，但Firefox或Safari不支持：