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

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