javascript - 分析 jQuery 应用程序

Question

我最近在一个应用程序上遇到了一个响应缓慢的脚本错误，我觉得有必要分析该应用程序以确定我需要改进的地方。我想要一个长期修复，而不是一个骇人听闻的修复。我尝试了 Firebug Profiler，但由于该应用程序使用了大量 jQuery，所以我收到了很多关于匿名调用的报告，这在我的意料之中。

我还在网上找到了一些关于 John Resig 创建的分析器的报告，但我找到的链接都失效了。

所以我的问题是:

1. 分析 jQuery 应用程序的最佳方法是什么？
2. 是否有任何开源专用工具/脚本来实现此目的？

Answer 1

所以在深入研究之后，我发现了 John Resig 给出的另一个解决方案。他正在使用名为 FireUnit(http://fireunit.org/) 的 firebug 单元测试扩展，事实证明它非常好。

如果你看一下给出的例子:

http://ejohn.org/blog/function-call-profiling/

还要查看他提供的测试页:

http://ejohn.org/files/jquery-profile.html

你得到的是一些不错的结果，如下所示:

.addClass("test"); 52
.addClass("test"); 102
.removeClass("test"); 102
.removeClass("test"); 52
.css("color", "red"); 299 O(3n)
.css({color: "red", border: "1px solid red"}); 597 O(6n)
.remove(); 198 O(2n)
.append("test"); 599 O(6n)
.show(); 982 O(10n)
.hide(); 968 O(10n)
.html("test"); 104
.empty(); 100
.is("div"); 109
.filter("div"); 214 O(2n)
.find("div"); 300 O(3n)

我已经设法将它集成到多个应用程序中，结果非常令人满意。唯一的缺点是您只能在 Firefox 中使用该插件。但这仍然是一个非常好的工具。