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性能天堂之旅。