使用大量jQuery调用缩小页面上的JavaScript性能问题？

我的网页似乎反应迟钝。使用大量jQuery调用缩小页面上的JavaScript性能问题？

页面上有很多JavaScript（jQuery）代码。我怎样才能缩小它？什么花了这么久？

2011-01-20 Blankman

可能重复[Javascript（jQuery）性能测量和最佳实践（不加载时间）]（http://stackoverflow.com/questions/400836/javascript-jquery-绩效评估和最佳-practices-not-load-time） – Phrogz 2011-01-20 19:53:44

该YSlow附加是知道你的网站为什么很慢的最佳解决方案。

Yslow Performance issues

有许多问题这可能是缓慢的原因。

结合许多jQuery的一个可以帮助你增加您性能。

此外，您可以将脚本放在页面底部和CSS顶部。

来源

2011-01-20 19:55:54 Wazzzy

+1提到这个伟大的工具;） – 2011-01-20 20:58:14

如果您使用Firefox，则可以安装Firebug并使用分析器。

你可以阅读更多关于它在Understanding Firebug profiler output，并且在Firebug Tutorial – Logging, Profiling and CommandLine (Part I)的教程。

如果您使用Internet Explorer，则可以使用dynaTrace Ajax edition。

还有一个built-in profiler in Google Chrome，你可以玩。

这两种解决方案都将帮助您缩小JavaScript函数调用的成本，并且通过重复分析，您将能够看到所做更改的效果。

使用类似这样的工具不仅会让你成为一名更好的程序员（如果你把这些经验教训放在心上，避免他们未来指出的错误），他们也会给你一个新的评价，你的代码，因为你会得到一个你从未见过的幕后瞥见;）

此外，如果你不知道YSlow，就像Wazzy所说的 - 了解它...也许你的问题是甚至没有速度慢的JavaScript代码:)

来源

2011-01-20 19:57:10

尽量让你所有的选择器尽可能具体。随着页面复杂度的增长，$（“div.myDiv”）的运行速度将比$（“。myDiv”）快得多。 – chprpipr 2011-01-20 20:01:42

使用大量jQuery调用缩小页面上的JavaScript性能问题？

回答

相关问题