javascript - 衡量 Javascript 性能

Question

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

例如:

• 函数的执行(不需要我在记录之前/之后手动放置日期对象)
• 我页面上的哪个脚本最慢，为什么
• 找出我需要优化的功能
• 我可以做任何 jQuery 改进吗(除了通过 John Resig 的 jquery-profile.js)
  • 我可以使用更好的选择器
  • 对某些对象的内存
  • 使用更好的函数(例如:使用 find 因为它更快)

除了 Firebug、Chrome Dev Tools、Yslow/Page speed 插件等之外，我非常想为我的 JS(以及一些也可以分析 jQuery 的东西)寻找一个分析器。我正在寻找更好的东西比 JSlint 或 jsPerf。

我的应用程序上运行着 New Relic，但它没有告诉我我的脚本在哪里缺失。

我希望有一种比手动分析 JS 更简单的方法。我需要一个可以进行全面分析并给我一份包含指标的报告的解决方案。

Answer 1

我认为您正在寻找这样的东西:

https://developers.google.com/web-toolkit/speedtracer/

从文档介绍到这个:

Using Speed Tracer you are able to get a better picture of where time is being spent in your application. This includes problems caused by JavaScript parsing and execution, layout, CSS style recalculation and selector matching, DOM event handling, network resource loading, timer fires, XMLHttpRequest callbacks, painting, and more.