高性能標(biāo)準(zhǔn)網(wǎng)站建設(shè)進(jìn)階指南目錄

時間：2023-02-17 22:18:01 | 來源：營銷百科

時間：2023-02-17 22:18:01 來源：營銷百科

高性能標(biāo)準(zhǔn)網(wǎng)站建設(shè)進(jìn)階指南目錄：致謝 i

前言 iii

第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 測量延遲時間 10

2 2 1 當(dāng)延遲變得很嚴(yán)重時 12

2 3 線程處理 12

2 4 確保響應(yīng)速度 13

2 4 1 web workers 14

2 4 2 gears 14

2 4 3 定時器 16

2 4 4 內(nèi)存使用對響應(yīng)時間的影響 17

2 4 5 虛擬內(nèi)存 18

2 4 6 內(nèi)存問題的疑難解答 18

2 5 總結(jié) 19

第3章：拆分初始化負(fù)載 21

3 1 全部加載 21

3 2 通過拆分來節(jié)省下載量 22

3 3 尋找拆分 23

3 4 未定義標(biāo)識符和競爭狀態(tài) 24

3 5 個案研究：google日歷 25

第4章：無阻塞加載腳本 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 競爭狀態(tài) 44

5 3 異步加載腳本時保持執(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：定時器（timer） 48

5 3 4 技術(shù)4：script onload 49

5 3 5 技術(shù)5：降級使用script標(biāo)簽（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章：布置行內(nèi)腳本 69

6 1 行內(nèi)腳本阻塞并行下載 69

6 1 1 把行內(nèi)腳本移至底部 70

6 1 2 異步啟動執(zhí)行腳本 71

6 1 3 使用script的defer屬性 73

6 2 保持css和javascript的執(zhí)行順序 73

6 3 風(fēng)險：把行內(nèi)腳本放置在樣式表之后 74

6 3 1 大部分下載都不阻塞行內(nèi)腳本 74

6 3 2 樣式表阻塞行內(nèi)腳本 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 避免運(yùn)行時間過長的腳本 102

7 5 1 使用定時器掛起 103

7 5 2 用于掛起的定時器模式 105

7 6 總結(jié) 107

第8章：可伸縮的comet 109

8 1 comet工作原理 109

8 2 傳輸技術(shù) 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 在應(yīng)用程序上的執(zhí)行效果 118

8 4 1 連接管理 118

8 4 2 測量性能 119

8 4 3 協(xié)議 119

8 5 總結(jié) 120

第9章：超越gzip壓縮 121

9 1 這為什么很重要 121

9 2 問題的根源 123

9 2 1 快速回顧 123

9 2 2 罪魁禍?zhǔn)?123

9 2 3 流行的烏龜竊聽者實例 124

9 3 如何幫助這些用戶 124

9 3 1 設(shè)計目標(biāo)：最小化未壓縮文件的尺寸 125

9 3 2 引導(dǎo)用戶 129

9 3 3 對gzip的支持進(jìn)行直接探測 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轉(zhuǎn)換成png 144

10 3 4 優(yōu)化gif動畫 144

10 3 5 smush it 145

10 3 6 使用漸進(jìn)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 漸進(jìn)增強(qiáng)的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 避免對圖像進(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 誰在劃分主域 163

11 3 降級到/1 0 165

11 4 域劃分的擴(kuò)展話題 168

11 4 1 ip地址和主機(jī)名 168

11 4 2 多少個域 168

11 4 3 如何劃分資源 168

11 4 4 新型瀏覽器 169

第12章：盡早刷新文檔的輸出 171

12 1 刷新文檔頭部的輸出 171

12 2 輸出緩沖 173

12 3 塊編碼 175

12 4 刷新輸出和gzip壓縮 176

12 5 其他障礙 177

12 6 刷新輸出時的域阻塞 178

12 7 瀏覽器：最后的障礙 178

12 8 不借助php進(jìn)行刷新輸出 179

12 9 刷新輸出問題清單 180

第13章：少用iframe 181

13 1 開銷最高的dom元素 181

13 2 iframe阻塞onload事件 182

13 3 使用iframe并行下載 184

13 3 1 腳本位于iframe之前 184

13 3 2 樣式表位于iframe之前 185

13 3 3 樣式表位于iframe之后 186

13 4 每個主機(jī)名的連接 187

13 4 1 iframe中的連接共享 187

13 4 2 跨標(biāo)簽頁和窗口的連接共享 188

13 5 總結(jié)使用iframe的開銷 190

第14章：簡化css選擇符 191

14 1 選擇符的類型 191

14 1 1 id選擇符 192

14 1 2 類選擇符 193

14 1 3 類型選擇符 193

14 1 4 相鄰兄弟選擇符 193

14 1 5 子選擇符 193

14 1 6 后代選擇符 193

14 1 7 通配選擇符 194

14 1 8 屬性選擇符 194

14 1 9 偽類和偽元素 194

14 2 高效css選擇符的關(guān)鍵 194

14 2 1 最右邊優(yōu)先 195

14 2 2 編寫高效的css選擇符 195

14 3 css選擇符性能 197

14 3 1 復(fù)雜的選擇符影響性能（有時） 197

14 3 2 應(yīng)避免使用的css選擇符 200

14 3 3 回流時間 201

14 4 在現(xiàn)實中測量css選擇符 202

附錄：性能工具 205

索引 221