jquery-in-footer代码优化(理论)

Question

我正在使用各种 jquery 插件，包括延迟加载、scrollTo、图像效果以及从阅读本网站上的人们的帖子中收集的各种片段。现在，所有这些效果都从页脚处发出，并且出现了滞后现象。效果就像是，犹豫，或神经质，或不流畅。

我尝试过使用文档就绪与窗口加载，并且我在标题中有一个片段来防止 FOUC，但我有一种感觉，就像排队问题，或内存过载或其他问题。 (就像当您尝试使用笔记本电脑运行太多程序时，一切都感觉又重又慢。)

尤其是在歌剧中。由于某种原因，Opera 无法处理我的网站。

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

接下来是我的理论问题 -

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

Answer 1

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

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

• http://24ways.org/2011/your-jquery-now-with-less-suck
• http://hungred.com/useful-information/jquery-optimization-tips-and-tricks/
• http://addyosmani.com/blog/8-jquery-performance-tips/

一些提示:

• ID 选择器本身速度很快，因为它们被委托(delegate)给 getElementById()，后者经过浏览器的大力优化。
• 缓存 jQuery 选择器。也就是说，不要连续调用 $('.class1 #id2 > child3') 10 次。将其保存在变量上，例如 var $mytd

如果问题出在插件上，你的选择就会更加有限。但您可以尝试以下一些操作:

• 确保它们被缩小，以便快速加载(不仅需要时间传输文件，而且还需要时间，因为它们没有编译)
• 寻找轻量级替代品。例如如果您只需要淡入淡出效果，请不要包含完整的 50 kb jQuery 库。

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