jQuery - 改进性能/代码

时间：2011-01-15 14:28:17

标签： javascript jquery performance

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

谢谢，

BEV

1 个答案:

答案 0 :(得分：17)

我在这个主题上写了一些书签，希望他们会帮助你解决所需问题。 （主题范围从简单到高级）

jQuery Performance Rules主题包括：

  
      
  1. 总是从#id下降
    2.   
  2. 在课前使用标签
    3.   
  3. 缓存jQuery对象
    4.   
  4. 利用链接的力量
    5.   
  5. 使用子查询
    6.   
  6. 限制直接DOM操作
    7.   
  7. 利用事件委派（a.k.a.Bubbling）
    8.   
  8. 消除查询浪费
    9.   
  9. 按照$（窗口）.load
    10.   
  10. 压缩你的JS
    11.   
  11. 了解图书馆
    12.   

jQuery Performance and Optimization Tips主题包括：

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

jQuery Performance Tuning Tips - Paul Irish主题包括：

  
      
  1. 优化Sizzle“从右到左”模式的选择器
    2.   
  2. 使用live（）而非click（）
    3.   
  3. 在您玩DOM时将元素从DOM中拉出来
    4.   
  4. 使用find（）而不是context
    5.   
  5. 使用HTML 5
    6.   
  6. 在样式化15个或更多元素时附加样式标记
    7.   
  7. 使用Google Page Speed测试选择器
    8.   
  8. 即使jQuery没有抛出错误，也使用对象检测
    9.   
  9. 使用直接功能而不是方便的功能
    10.   
  10. 了解鲜为人知的方法
    11.   

Improving jQuery Performance with Large Data Sets主题包括：

  
      
  1. 使用JavaScript native for（）循环而不是jQuery的$ .each（）帮助器   功能。
    2.   
  2. 不要在循环中向DOM附加元素。
    3.   
  3. 如果要将大量元素插入DOM中，请将它们包围起来   与父元素更好   性能。
    4.   
  4. 不要使用字符串连接，而是使用数组的join（）方法   一个很长的字符串。
    5.   
  5. 使用setTimeout（）函数进行长列表循环和连接   功能。
    6.   

希望这些足以让您开始踏上jQuery表演天堂之旅。

相关问题
最新问题