如果你使用 JavaScript 構建交互豐富的 Web 應用，那么 JavaScript 代碼可能是造成你的Web應用速度變慢的主要原因。本書揭示的技術和策略能幫助你在開發過程中消除性能瓶頸。你將會了解如何提升各方面的性能，包括代碼的加載、運行、DOM 交互、頁面生存周期等。雅虎的前端工程師 Nicholas C. Zakas 和其他五位 JavaScript 專家介紹了頁面代碼加載的方法和編程技巧，來幫助你編寫更為高效和快速的代碼。你還會了解到構建和部署文件到生產環境的實踐，以及有助于定位線上問題的工具。
前言 I
第1章：加載和執行 1
1.1 腳本位置 2
1.2 組織腳本 4
1.3 無阻塞的腳本 5
1.3.1 延遲的腳本 5
1.3.2 動態腳本元素 6
1.3.3 XMLHttpRequest腳本注入 9
1.3.4 推薦的無阻塞模式 10
1.4 小結 14
第2章：數據訪問 15
2.1 管理作用域 16
2.1.1 作用域鏈和標識符解析 16
2.1.2 標識符解析的性能 19
2.1.3 改變作用域鏈 21
2.1.4 動態作用域 24
2.1.5 閉包，作用域和內存 24
2.2 對象成員 27
2.2.1 原型 27
2.2.2 原型鏈 29
2.2.3 嵌套成員 30
2.2.4 緩存對象成員值 31
2.3 小結 33
第3章：DOM編程 35
3.1 瀏覽器中的DOM 35
3.1.1 天生就慢 36
3.2 DOM訪問與修改 36
3.2.1 innerHTML對比DOM方法 37
3.2.2 節點克隆 41
3.2.3 HTML集合 42
3.2.4 遍歷DOM 46
3.3 重繪與重排 50
3.3.1 重排何時發生？ 51
3.3.2 渲染樹變化的排隊與刷新 51
3.3.3 小化重繪和重排 52
3.3.4 緩存布局信息 56
3.3.5 讓元素脫離動畫流 56
3.3.6 IE和:hover 57
3.4 事件委托 57
3.5 小結 59
第4章：算法和流程控制 61
4.1 循環 61
4.1.1 循環的類型 61
4.1.2 循環性能 63
4.1.3 基于函數的迭代 67
4.2 條件語句 68
4.2.1 if-else對比switch 68
4.2.2 優化if-else 70
4.2.3 查找表 72
4.3 遞歸 73
4.3.1 調用棧限制 74
4.3.2 遞歸模式 75
4.3.3 迭代 76
4.3.4 Memoization 77
4.4 小結 79
第5章：字符串和正則表達式 81
5.1 字符串連接 81
5.1.1 加(+)和加等于(+=)操作符 82
5.1.2 數組項連接 84
5.1.3 String.prototype.concat 86
5.2 正則表達式優化 87
5.2.1 正則表達式工作原理 88
5.2.2 理解回溯 89
5.2.3 回溯失控 91
5.2.4 基準測試的說明 96
5.2.5 更多提高正則表達式效率的方法 96
5.2.6 何時不使用正則表達式 99
5.3 去除字符串首尾空白 99
5.3.1 使用正則表達式去首尾空白 99
5.3.2 不使用正則表達式去除字符串首尾空白 102
5.3.3 混合解決方案 103
5.4 小結 104
第6章：快速響應的用戶界面 107
6.1 瀏覽器UI線程 107
6.1.1 瀏覽器限制 109
6.1.2 多久才算"太久"？ 110
6.2 使用定時器讓出時間片段 111
6.2.1 定時器基礎 112
6.2.2 定時器的精度 114
6.2.3 使用定時器處理數組 114
6.2.4 分割任務 116
6.2.5 記錄代碼運行時間 118
6.2.6 定時器與性能 119
6.3 Web Workers 120
6.3.1 Worker運行環境 120
6.3.2 與Worker通信 121
6.3.3 加載外部文件 122
6.3.4 實際應用 122
6.4 小結 124
第7章：Ajax 125
7.1 數據傳輸 125
7.1.1 請求數據 125
7.1.2 發送數據 131
7.2 數據格式 134
7.2.1 XML 134
7.2.2 JSON 137
7.2.3 HTML 141
7.2.4 自定義格式 142
7.2.5 數據格式總結 144
7.3 Ajax性能指南 145
7.3.1 緩存數據 145
7.3.2 了解Ajax類庫的局限 148
7.4 小結 149
第8章：編程實踐 151
8.1 避免雙重求值(Double Evaluation) 151
8.2 使用Object/Array直接量 153
8.3 不要重復工作 154
8.3.1 延遲加載 154
8.3.2 條件預加載 156
8.4 使用速度快的部分 156
8.4.1 位操作 156
8.4.2 原生方法 159
8.5 小結 161
第9章：構建并部署高性能JavaScript應用 163
9.1 Apache Ant 163
9.2 合并多個JavaScript文件 165
9.3 預處理JavaScript文件 166
9.4 JavaScript壓縮 168
9.5 構建時處理對比運行時處理 170
9.6 JavaScript的HTTP壓縮 170
9.7 緩存JavaScript文件 171
9.8 處理緩存問題 172
9.9 使用內容分發網絡(CDN) 173
9.10 部署JavaScript資源 173
9.11 敏捷JavaScript構建過程 174
9.12 小結 175
第10章：工具 177
10.1 JavaScript性能分析 178
10.2 YUI Profiler 179
10.3 匿名函數 182
10.4 Firebug 183
10.4.1 控制臺面板分析工具 183
10.4.2 Console API 184
10.4.3 網絡面板 185
10.5 IE開發人員工具 186
10.6 Safari Web檢查器(Web Inspector) 188
10.6.1 分析面板 189
10.6.2 資源面板 191
10.7 Chrome開發人員工具 192
10.8 腳本阻塞 193
10.9 Page Speed 194
10.10 Fiddler 196
10.11 YSlow 198
10.12 dynaTrace Ajax Edition 199
10.13 小結 202
索引 203
譯者序
這是一本關于JavaScript性能的書。
在Web應用日趨豐富的今天，越來越多的JavaScript被運用在我們的網頁中。隨著用戶體驗被日益重視，前端性能對用戶體驗的影響開始備受關注，而引起性能問題的因素相對復雜，因此它很難得到的解決。這本書是一個契機，它嘗試著從多個方面綜合分析導致性能問題的原因，并給出適合的解決方案，幫助我們改善Web應用的品質。
這本書頁數不多，但它承載著JavaScript性能方面為寶貴的經驗。不僅從語言特性、數據結構、瀏覽器機理、網絡傳輸等層面分析導致性能問題的原因，還介紹了多種工具來幫助我們提升開發過程和部署環節的工作效率。
本書作者Nicholas C. Zakas是一位經驗豐富的前端專家，他的許多研究(www.nczonline. net)對前端業界的貢獻讓我們受益匪淺。本書的另外五位特約作者均為各自領域的專家，他們的專業技能和知識的融入使得本書內容更為充實，更具實用價值。
特別感謝趙澤欣(小馬)，他為審閱譯文花了大量的時間和精力，他的耐心和細致讓我十分敬佩。感謝朱寧(白鴉)和周筠老師的引薦讓我得以參與本書的翻譯。還要感謝博文視點的編輯們在本書翻譯過程中給予的極大理解和幫助。
我們在本書翻譯過程中力求保持行文流暢，但紕漏在所難免，懇請廣大讀者批評指正。關于本書的任何意見或想法，歡迎發送郵件至hpj.feedback@gmail.com。
后，希望本書能幫助業界同仁打造出性能更為的Web產品。
丁琛
比想象的薄太多
包裝完好，物流很快！
紙張很好！
很好的一本書,以后再讀.
書很好，除了封面有道輕微的壓痕，吐槽下送貨的人: 當當不送貨上門？快遞直接往速遞易一扔就直接點了已送達。。看到快遞信息更新的那刻，真的是一臉懵逼
很好，書中容易理解，非常感謝作者這么用心，不錯不錯！
包裝不錯，性價比高，紙質好
包裝不錯，性價比很高，印刷很正，排版不錯，適合研讀，不適合初學者
很不錯的書，斷斷續續看了部分，性價比高！
蹭積分專用評論
買給自己的學生看的，正好教這個學科，幫助很大
啊啊啊啊啊啊
為何不了，說有敏感詞匯，無語了。
買來提升自己的
挺不錯的，就是有個別例子已經不再使用了，有點小遺憾，總體來說還是挺好的
從書中看過的部分，已經讓自己的知識又拓寬了
非常不錯的書籍，非常值得前端工程師買一本來看
動物書的確不錯，但這本書面相性能，相對不適合新手
書很好。但對當當失望，一生黑！同城發貨，第二天就到我這個區了，等了一天完全沒動靜，第三天才到，而且辦公樓都不送上來。當當的物流太爛，沒有之一
講的很不錯 拿到書就先看了一遍 搜獲還是挺多的
無論何時何地，性能一直是網站的一個非常重要的指標。
這本書不錯，讀后對js有更深刻的理解，對寫出高性能的代碼有更好的理解。
very good 很不錯 之前對于性能這塊根本就沒考慮過 寫的也比較詳細
當當搞活動買的，用來學習的工具書，希望又幫助，好好學習，天天向上
