分析jQuery应用程序

Question

我最近遇到了一个应用程序缓慢响应的脚本错误,我觉得有必要对应用程序进行分析,以确定我需要改进的内容.我想要一个长期的修复,而不是一个hackish修复.我尝试了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("测试"); 52.addClass
("测试"); 102
.removeClass("测试"); 102
.removeClass("测试"); 52
.css("颜色", "红色"); 299 O(3n)
.css({颜色: "红色", 边框: "1px 纯红色"}); 597 O(6n)
.remove(); 198 O(2n)
.append("测试"); 599 O(6n)
.show();
第982章 968 O(10n)
.html("测试"); 104.
空(); 100.is
（“div”）; 109.
过滤器（“div”）；214 O(2n)
.find("div"); 300O(3n)

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