jQuery - 改进性能/代码

Question

我刚开始使用jQuery,我一直在寻找一些关于如何提高代码速度/性能的资源.我想知道是否有人有任何可能帮助我的提示或资源.

谢谢,

BEV

Answer 1

我有一些关于这个主题的书签,希望他们会帮助你满足你的需求.(主题范围从简单到高级)

jQuery性能规则主题包括:

1. 总是从#id下降
2. 在课前使用标签
3. 缓存jQuery对象
4. 利用链接的力量
5. 使用子查询
6. 限制直接DOM操作
7. 利用事件委派(又称冒泡)
8. 消除查询浪费
9. 推迟到$(window).load
10. 压缩你的JS
11. 学习图书馆

jQuery性能和优化提示主题包括:

1. 保持最新!您使用的是过时的方法和技术吗？
2. 上下文感知jQuery代码执行 - 您是否正在加载不需要的代码？
3. jQuery单元测试
4. 对您的jQuery代码进行基准测试
5. 使用一个压缩的主JS文件将下载时间降至最低.
6. 背景与 找
7. Window.load一路上.
8. 在使用JavaScript和jQuery之间取得平衡

jQuery性能调优技巧 - 保罗爱尔兰主题包括:

1. 优化Sizzle"从右到左"模式的选择器
2. 使用live()而不是click()
3. 在玩它们的同时从元素中拉出元素
4. 使用find()而不是context
5. 使用HTML 5
6. 样式化15个或更多元素时附加样式标记
7. 使用Google Page Speed测试选择器
8. 即使jQuery没有抛出错误,也要使用对象检测
9. 使用直接功能而不是方便的功能
10. 学习鲜为人知的方法

使用大数据集改进jQuery性能主题包括:

1. 使用JavaScript native for()循环而不是jQuery的$ .each()辅助
   函数.
2. 不要在循环中向DOM附加元素.
3. 如果要将大量元素插入到DOM中,请
   使用父元素将其包围以获得更好的性能.
4. 不要使用字符串连接,而是使用数组的join()方法来处理非常长的字符串.
5. 使用setTimeout()函数为您的长列表循环和连接
   函数.

希望这些足以让您开始踏上jQuery性能天堂之旅.