高性能網(wǎng)站建設進階指南：Web開發(fā)者性能優(yōu)化最佳實踐

前言
第1章：理解Ajax性能 1
1.1 權衡 1
1.2 優(yōu)化原則 2
1.3 Ajax 4
1.4 瀏覽器 4
1.5 哇！ 5
1.6 JavaScript 6
1.7 總結 6
第2章：創(chuàng)建快速響應的Web應用 7
2.1 怎樣才算足夠快 9
2.2 測量延遲時間 10
2.2.1 當延遲變得很嚴重時 12
2.3 線程處理 12
2.4 確保響應速度 13
2.4.1 Web Workers 14
2.4.2 Gears 14
2.4.3 定時器 16
2.4.4 內存使用對響應時間的影響 17
2.4.5 虛擬內存 18
2.4.6 內存問題的疑難解答 18
2.5 總結 19
第3章：拆分初始化負載 21
3.1 全部加載 21
3.2 通過拆分來節(jié)省下載量 22
3.3 尋找拆分 23
3.4 未定義標識符和競爭狀態(tài) 24
3.5 個案研究：Google日歷 25
第4章：無阻塞加載腳本 27
4.1 腳本阻塞并行下載 27
4.2 讓腳本運行得更好 29
4.2.1 XHR Eval 29
4.2.2 XHR注入 31
4.2.3 Script in Iframe 31
4.2.4 Script DOM Element 32
4.2.5 Script Defer 32
4.2.6 document.write Script Tag 33
4.3 瀏覽器忙指示器 33
4.4 確保（或避免）按順序執(zhí)行 35
4.5 匯總結果 36
4.6 最佳方案 38
第5章：整合異步腳本 41
5.1 代碼示例：menu.js 42
5.2 競爭狀態(tài) 44
5.3 異步加載腳本時保持執(zhí)行順序 45
5.3.1 技術1：硬編碼回調（Hardcoded Callback） 46
5.3.2 技術2：Window Onload 47
5.3.3 技術3：定時器（Timer） 48
5.3.4 技術4：Script Onload 49
5.3.5 技術5：降級使用script標簽（Degrading Script Tags） 50
5.4 多個外部腳本 52
5.4.1 Managed XHR 52
5.4.2 DOM Element和Doc Write 56
5.5 綜合解決方案 59
5.5.1 單個腳本 59
5.5.2 多個腳本 60
5.6 現(xiàn)實互聯(lián)網(wǎng)中的異步加載 63
5.6.1 Google分析和Dojo 63
5.6.2 YUI Loader 65
第6章：布置行內腳本 69
6.1 行內腳本阻塞并行下載 69
6.1.1 把行內腳本移至底部 70
6.1.2 異步啟動執(zhí)行腳本 71
6.1.3 使用script的defer屬性 73
6.2 保持CSS和JavaScript的執(zhí)行順序 73
6.3 風險：把行內腳本放置在樣式表之后 74
6.3.1 大部分下載都不阻塞行內腳本 74
6.3.2 樣式表阻塞行內腳本 75
6.3.3 問題確曾發(fā)生 77
第7章：編寫高效的JavaScript 79
7.1 管理作用域 79
7.1.1 使用局部變量 81
7.1.2 增長作用域鏈 83
7.2 高效的數(shù)據(jù)存取 85
7.3 流控制 88
7.3.1 快速條件判斷 89
7.3.2 快速循環(huán) 93
7.4 字符串優(yōu)化 99
7.4.1 字符串連接 99
7.4.2 裁剪字符串 100
7.5 避免運行時間過長的腳本 102
7.5.1 使用定時器掛起 103
7.5.2 用于掛起的定時器模式 105
7.6 總結 107
第8章：可伸縮的Comet 109
8.1 Comet工作原理 109
8.2 傳輸技術 111
8.2.1 輪詢 111
8.2.2 長輪詢 112
8.2.3 永久幀 113
8.2.4 XHR流 115
8.2.5 傳輸方式的前景 116
8.3 跨域 116
8.4 在應用程序上的執(zhí)行效果 118
8.4.1 連接管理 118
8.4.2 測量性能 119
8.4.3 協(xié)議 119
8.5 總結 120
第9章：超越Gzip壓縮 121
9.1 這為什么很重要 121
9.2 問題的根源 123
9.2.1 快速回顧 123
9.2.2 罪魁禍首 123
9.2.3 流行的烏龜竊聽者實例 124
9.3 如何幫助這些用戶 124
9.3.1 設計目標：最小化未壓縮文件的尺寸 125
9.3.2 引導用戶 129
9.3.3 對Gzip的支持進行直接探測 130
第10章：圖像優(yōu)化 133
10.1 兩步實現(xiàn)簡單圖像優(yōu)化 134
10.2 圖像格式 135
10.2.1 背景 135
10.2.2 不同圖像格式的特性 137
10.2.3 PNG的更多資料 139
10.3 自動無損圖像優(yōu)化 141
10.3.1 優(yōu)化PNG格式的圖像 142
10.3.2 剝離JPEG的元數(shù)據(jù) 143
10.3.3 將GIF轉換成PNG 144
10.3.4 優(yōu)化GIF動畫 144
10.3.5 Smush.it 145
10.3.6 使用漸進JPEG格式來存儲大圖像 145
10.4 Alpha透明：避免使用AlphaImageLoader 146
10.4.1 Alpha透明度的效果 147
10.4.2 AlphaImageLoader 149
10.4.3 AlphaImageLoader的問題 150
10.4.4 漸進增強的PNG8 Alpha透明 151
10.5 優(yōu)化Sprite 153
10.5.1 超級Sprite VS.模塊化Sprite 154
10.5.2 高度優(yōu)化的CSS Sprite 155
10.6 其他圖像優(yōu)化方法 155
10.6.1 避免對圖像進行縮放 155
10.6.2 優(yōu)化生成的圖像 156
10.6.3 Favicons 157
10.6.4 Apple觸摸圖標 158
10.7 總結 159
第11章：劃分主域 161
11.1 關鍵路徑 161
11.2 誰在劃分主域 163
11.3 降級到HTTP/1.0 165
11.4 域劃分的擴展話題 168
11.4.1 IP地址和主機名 168
11.4.2 多少個域 168
11.4.3 如何劃分資源 168
11.4.4 新型瀏覽器 169
第12章：盡早刷新文檔的輸出 171
12.1 刷新文檔頭部的輸出 171
12.2 輸出緩沖 173
……
第13章：少用iframe 181
第14章：簡化CSS選擇符 191
附錄：性能工具 205
索引 221