jQuery - 提高性能/代碼

Question

我剛開始使用jQuery，我一直在尋找某種類型的資源來提高代碼的速度/性能。我想知道是否有人有任何提示或資源可以幫助我。

感謝，

BEV

Answer 1

我有書籤上這個題目了幾個網站，希望他們會幫你出你所需要的。 （話題從簡單到高級）

jQuery Performance Rules主題包括：

1. 始終降序從#ID
2. 使用標籤類之前
3. 緩存的jQuery對象
4. 線束的動力Chaining
5. 使用子查詢
6. Limit Direc t DOM操縱
7. 槓桿事件委託（a.k.a.鼓泡）
8. 消除查詢廢物
9. 推遲到$（窗口）.load
10. 壓縮你的JS
11. 瞭解圖書館

jQuery Performance and Optimization Tips主題包括：

1. 保持最新！你是否在使用過時的方法和技術？
2. 上下文感知jQuery代碼執行 - 您是否加載不需要的代碼？
3. jQuery的單元測試
4. 基準jQuery代碼
5. 保持下載時間降至最低與一個壓縮主JS文件。
6. 上下文比。查找
7. Window.load一路。
8. 取得平衡你使用的JavaScript &之間的jQuery

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

1. 優化選擇的灒的 '從右至左' 的模式
2. 使用Live（）不要點擊（）
3. 在玩遊戲時將元素拉離DOM他們
4. 使用find（），而不是背景
5. 使用HTML 5
6. 附加樣式標籤樣式15種以上的元素使用谷歌網頁速度
7. 使用對象檢測，即使jQuery的不
8. 測試選擇時拋出一個錯誤
9. 直接使用功能，而不是自己的方便同行
10. 瞭解鮮爲人知的方法

個

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

1. 使用JavaScript原生的（）循環，而不是jQuery的$。每（）輔助
   功能。
2. 請勿在循環中將元素附加到DOM中。
3. 如果您有很多要插入DOM的元素，請使用父元素將它們包圍
   以獲得更好的 性能。
4. 不要使用字符串連接，而應該使用數組的join（）方法來處理 很長的字符串。
5. 使用的setTimeout（）函數的一長串循環和級聯
   功能。

希望這些足以讓您開始您的jQuery性能之旅的旅程。