jquery-in-footer 代码优化（理论）答案

【问题标题】：jquery-in-footer code optimization (theory)jquery-in-footer 代码优化（理论）
【发布时间】：2012-06-12 23:14:03
【问题描述】：

我正在使用各种 jquery 插件，包括延迟加载、scrollTo、图像效果以及从阅读本网站上人们的帖子中收集的各种 sn-ps。现在，所有这些效果都会从页脚触发，就像发生了延迟一样。效果就像，犹豫不决，或神经质，或不顺畅。

我已经尝试过使用文档就绪与窗口加载，并且我在标头中有一个 sn-p 以防止 FOUC，但我感觉那里存在排队问题或内存过载之类的问题。（这就像当您尝试使用运行太多程序的笔记本电脑时，一切都感觉又重又慢。）

尤其是在 Opera 中。出于某种原因，就像 Opera 无法处理我的网站一样。

对我来说，一些 jquery 效果会造成这样的问题是没有意义的。人们玩激烈的电子游戏，没问题，但一个具有淡入淡出效果的网站突然让计算机无法处理？我的页脚代码一定有问题。

所以关于我的理论问题 -

是否有我需要开始遵循的标准做法，以确保所有这些 jquery 效果运行更流畅、占用更少的内存、不相互冲突，或者其他什么？

【问题讨论】：

【解决方案1】：

首先你需要弄清楚是你的 JavaScript/jQuery 代码减慢了网页还是插件。换句话说，profile 你的代码。

完成后，您就可以开始优化了。有大量文章讨论优化 jQuery。

一些提示：

ID 选择器本身速度很快，因为它们被委托给 getElementById()，而这已通过浏览器进行了大量优化。
缓存 jQuery 选择器。也就是说，不要连续调用$('.class1 #id2 > child3') 10 次。将其保存在 var $mytd 之类的变量中

如果问题出在插件上，那么您的选择将更加有限。但有些事情你可以尝试：

Opera 应该非常快，至少从我听到的情况来看是这样。但是，如果您使用 IE 进行测试，预计它会很慢。他们的 JavaScript 引擎不是很好。

【讨论】：

只有在网络中 50kb 才是“成熟”的库:)
当然，还有网页加载最佳实践的鼻祖，雅虎的Best Practices for Speeding Up Your Web Site。每个人都知道，但值得一提。
是的，我得到了 90 多岁的 Yslow 成绩，所以这一定是 jquery 过载的事情。感谢您的所有回复，看来我有很多阅读要做。如果有人想看一看，那就是 www.ideagasms.net。我在页脚留下了详细的注释，因此很容易理解其中的 sn-ps。