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

我正在使用各种 jquery插件,包括延迟加载,scrollTo,图像效果的东西,以及从阅读本网站上的人们帖子收集的各种片段.现在,所有这些效果都会从页脚中被解雇,并且就像发生了滞后现象一样.效果就像,犹豫不决,或者是跳跃,或者是不平滑的.

我已经玩过使用文档就绪与窗口加载,我在标题中有一个片段来阻止FOUC,但我感觉有像排队问题,或内存过载等等. (就像当你尝试使用太多程序运行的笔记本电脑时,一切都感觉很沉重和缓慢.)

特别是在Opera.出于某种原因,它就像Opera无法处理我的网站.

对我来说,一些jquery效果应该造成这样的问题是没有意义的.人们玩强烈的电子游戏,没有问题,但是一个具有淡入淡出效果的网站突然间太多,电脑无法处理？我的页脚代码肯定有问题.

所以我的理论问题 –

有没有像我需要开始遵循的标准练习,以确保所有这些jquery效果运行更顺畅,吞噬更少的内存,不互相冲突,或其他什么？

解决方法

首先,你需要弄清楚是你的 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选择器本身很快,因为它们被委托给getElementById(),后者由浏览器进行了大量优化.
>缓存jQuery选择器.也就是说,不要连续10次调用$(‘.class1#id2> child3’).将它保存在var $mytd之类的变量上

如果故障在于插件,则您的选项会受到更多限制.但是你可以尝试一些事情：

>确保它们被缩小以便快速加载(它不仅需要时间来传输文件,而且还可以读取,因为它们没有被编译)
>寻找轻量级替代品.例如如果你只需要淡入淡出效果,不要包含一个完整的50 kb jQuery库.

歌剧应该非常快,至少从我听到的.但是,如果您使用IE进行测试,则预计它会很慢.他们的JavaScript引擎不是很好.