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

Question

我正在使用各种jquery插件，包括lazy-load，scrollTo，一个图像效果的东西，以及从阅读人们在这个网站上的帖子中收集的各种代码片段。现在，所有这些效果都会从页脚发射出去，而且会有一个滞后的现象发生。效果类似、犹豫、跳跃或不平滑。

我已经尝试了使用文档就绪和窗口加载，我在标题中有一个代码片段来防止FOUC，但我有一种感觉，就像是队列问题，或者内存过载之类的。(就像当你试图在运行太多程序的情况下使用笔记本电脑时，一切都感觉沉重而缓慢。)

尤其是在歌剧里。由于某些原因，好像Opera不能处理我的网站。

对我来说，几个jquery效果会造成这样的问题是不合理的。人们玩着激烈的视频游戏，没问题，然而一个具有fadeIn效应的网站突然变得太多了，计算机无法处理？一定是我的页脚代码做错了什么。

所以关于我的理论问题-

有没有一个我需要开始遵循的标准实践，以确保所有这些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/

一些小贴士：

由于委托给browser.

• Cache 选择器对
• 进行了大量优化，因此getElementById() jQuery ID选择器本身速度很快。也就是说，不要连续调用$('.class1 #id2 > child3') 10次。将其保存在像var $mytd

这样的变量中

如果故障出在插件上，那么您的选择就更加有限了。但是有一些事情你可以尝试一下：

因为它们不是compiled)

• Find轻量级的替代品，所以
• 要确保它们被缩小，以便快速加载(不仅要花时间传输文件，还要读取它们。例如，如果你只需要一个淡入淡出的效果，不要包含一个完整的50kb的jQuery库。

歌剧应该是非常快的，至少我听说是这样的。然而，如果你正在使用IE进行测试，预计它会很慢。他们的JavaScript引擎就是不太好。