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

高性能網(wǎng)站建設(shè)進(jìn)階指南:Web開(kāi)發(fā)者性能優(yōu)化最佳實(shí)踐是一本web性能優(yōu)化指南實(shí)踐手冊(cè)，由美國(guó)程序員Steve Souders編著。本書(shū)內(nèi)容豐富翔實(shí)，主要講解了Ajax性能、編寫(xiě)高效的JavaScript、創(chuàng)建快速響應(yīng)的應(yīng)用程序、無(wú)阻塞加載腳本、跨域共享資源、無(wú)損壓縮圖片大小，以及使用塊編碼加快網(wǎng)頁(yè)渲染等等web技術(shù)，可以更快的加快你的網(wǎng)站訪問(wèn)，非常適合Web架構(gòu)師、信息架構(gòu)師、Web開(kāi)發(fā)人員及產(chǎn)品經(jīng)理閱讀和參考。

內(nèi)容介紹

性能是任何一個(gè)網(wǎng)站成功的關(guān)鍵，然而，如今日益豐富的內(nèi)容和大量使用Ajax的Web應(yīng)用程序已迫使瀏覽器達(dá)到其處理能力的極限。Steve Souders是Google Web性能布道者和前Yahoo！首席性能工程師，他在《高性能網(wǎng)站建設(shè)進(jìn)階指南:Web開(kāi)發(fā)者性能優(yōu)化最佳實(shí)踐》中提供了寶貴的技術(shù)來(lái)幫助你優(yōu)化網(wǎng)站性能。

Souders的上一本暢銷(xiāo)書(shū)高性能網(wǎng)站建設(shè)指南震驚了Web開(kāi)發(fā)界，它揭示了在客戶端加載一個(gè)網(wǎng)頁(yè)的時(shí)間大約占用了總時(shí)耗80％。在高性能網(wǎng)站建設(shè)進(jìn)階指南這本書(shū)中，Souders與另外8位專(zhuān)家級(jí)特約作者提供了提升網(wǎng)站性能的實(shí)踐和實(shí)用建議，主要包括以下3個(gè)關(guān)鍵領(lǐng)域。

JavaScript——你將獲得忠告：理解Ajax性能、編寫(xiě)高效的JavaScript、創(chuàng)建快速響應(yīng)的應(yīng)用程序、無(wú)阻塞加載腳本等。網(wǎng)絡(luò)——你將學(xué)到：跨域共享資源、無(wú)損壓縮圖片大小，以及使用塊編碼加快網(wǎng)頁(yè)渲染。

瀏覽器——你將發(fā)現(xiàn)：避免或取代iframe的方法、簡(jiǎn)化CSS選擇符，以及其他技術(shù)。

對(duì)于當(dāng)前的富媒體網(wǎng)站和Web 2.0應(yīng)用程序來(lái)說(shuō)，速度至關(guān)重要。在本書(shū)中，你將學(xué)習(xí)如何節(jié)省寶貴的網(wǎng)站加載時(shí)間，使網(wǎng)站更快地響應(yīng)用戶的請(qǐng)求。

高性能網(wǎng)站建設(shè)進(jìn)階指南章節(jié)目錄

第1章 理解Ajax性能 1

權(quán)衡 1

優(yōu)化原則 2

Ajax 4

瀏覽器 4

哇！ 5

JavaScript 6

總結(jié) 6

第2章 創(chuàng)建快速響應(yīng)的Web應(yīng)用 7

怎樣才算足夠快 9

測(cè)量延遲時(shí)間 10

當(dāng)延遲變得很?chē)?yán)重時(shí) 12

線程處理 12

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

Web Workers 14

Gears 14

定時(shí)器 16

內(nèi)存使用對(duì)響應(yīng)時(shí)間的影響 17

虛擬內(nèi)存 18

內(nèi)存問(wèn)題的疑難解答 18

總結(jié) 19

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

全部加載 21

通過(guò)拆分來(lái)節(jié)省下載量 22

尋找拆分 23

未定義標(biāo)識(shí)符和競(jìng)爭(zhēng)狀態(tài) 24

個(gè)案研究：Google日歷 25

第4章 阻塞加載腳本 27

腳本阻塞并行下載 27

讓腳本運(yùn)行得更好 29

XHR Eval 29

XHR注入 31

Script in Iframe 31

Script DOM Element 32

Script Defer 33

document．write Script Tag 33

瀏覽器忙指示器 33

確保（或避免）按順序執(zhí)行 35

匯總結(jié)果 36

最佳方案 38

第5章 整合異步腳本 41

代碼示例：menu．js 42

競(jìng)爭(zhēng)狀態(tài) 44

異步加載腳本時(shí)保持執(zhí)行順序 45

技術(shù)1：硬編碼回調(diào) 46

技術(shù)2：Window Onload 47

技術(shù)3：定時(shí)器 48

技術(shù)4：Script Onload 49

技術(shù)5：降級(jí)使用script標(biāo)簽 50

多個(gè)外部腳本 52

Managed XHR 52

DOM Element和Doc Write 56

綜合解決方案 59

單個(gè)腳本 59

多個(gè)腳本 60

現(xiàn)實(shí)互聯(lián)網(wǎng)中的異步加載 63

Google分析和Dojo 63

YUI Loader 65

第6章 布置行內(nèi)腳本 69

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

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

異步啟動(dòng)執(zhí)行腳本 71

使用script的defer屬性 73

保持CSS和JavaScript的執(zhí)行順序 73

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

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

樣式表阻塞行內(nèi)腳本 75

問(wèn)題確曾發(fā)生 77

第7章 編寫(xiě)高效的JavaScript 79

管理作用域 79

使用局部變量 81

增長(zhǎng)作用域鏈 83

高效的數(shù)據(jù)存取 85

流控制 88

快速條件判斷 89

快速循環(huán) 93

字符串優(yōu)化 99

字符串連接 99

裁剪字符串 100

避免運(yùn)行時(shí)間過(guò)長(zhǎng)的腳本 102

使用定時(shí)器掛起 103

用于掛起的定時(shí)器模式 105

總結(jié) 107

第8章 可伸縮的Comet 109

Comet工作原理 109

傳輸技術(shù) 111

輪詢(xún) 111

長(zhǎng)輪詢(xún) 112

永久幀 113

XHR流 115

傳輸方式的前景 116

跨域 116

在應(yīng)用程序上的執(zhí)行效果 118

連接管理 118

測(cè)量性能 119

協(xié)議 119

總結(jié) 120

第9章 超越Gzip壓縮 121

這為什么很重要 121

問(wèn)題的根源 123

快速回顧 123

罪魁禍?zhǔn)?123

流行的烏龜竊聽(tīng)者實(shí)例 124

如何幫助這些用戶 124

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

引導(dǎo)用戶 129

對(duì)Gzip的支持進(jìn)行直接探測(cè) 130

第10章 圖像優(yōu)化 133

兩步實(shí)現(xiàn)簡(jiǎn)單圖像優(yōu)化 134

圖像格式 135

背景 135

不同圖像格式的特性 137

PNG的更多資料 139

自動(dòng)損圖像優(yōu)化 141

優(yōu)化PNG格式的圖像 142

剝離JPEG的元數(shù)據(jù) 143

將GIF轉(zhuǎn)換成PNG 144

優(yōu)化GIF動(dòng)畫(huà) 144

Smush．it 145

使用漸進(jìn)JPEG格式來(lái)存儲(chǔ)大圖像 145

Alpha透明：避免使用AlphaImageLoader 146

Alpha透明度的效果 147

AlphaImageLoader 149

AlphaImageLoader的問(wèn)題 150

漸進(jìn)增強(qiáng)的PNG8 Alpha透明 151

優(yōu)化Sprite 153

超級(jí)Sprite VS．模塊化Sprite 154

高度優(yōu)化的CSS Sprite 155

其他圖像優(yōu)化方法 155

避免對(duì)圖像進(jìn)行縮放 155

優(yōu)化生成的圖像 156

Favicons 157

Apple觸摸圖標(biāo) 158

總結(jié) 159

第11章 劃分主域 161

關(guān)鍵路徑 161

誰(shuí)在劃分主域 163

降級(jí)到HTTP/1．0 165

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

IP地址和主機(jī)名 168

多少個(gè)域 168

如何劃分資源 168

新型瀏覽器 169

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

刷新文檔頭部的輸出 171

輸出緩沖 173

塊編碼 175

刷新輸出和Gzip壓縮 176

其他障礙 177

刷新輸出時(shí)的域阻塞 178

瀏覽器：最后的障礙 178

不借助PHP進(jìn)行刷新輸出 179

刷新輸出問(wèn)題清單 180

第13章 少用iframe 181

開(kāi)銷(xiāo)最高的DOM元素 181

iframe阻塞onload事件 182

使用iframe并行下載 184

腳本位于iframe之前 184

樣式表位于iframe之前 185

樣式表位于iframe之后 186

每個(gè)主機(jī)名的連接 187

iframe中的連接共享 187

跨標(biāo)簽頁(yè)和窗口的連接共享 188

總結(jié)使用iframe的開(kāi)銷(xiāo) 190

第14章 簡(jiǎn)化CSS選擇符 191

選擇符的類(lèi)型 191

ID選擇符 192

類(lèi)選擇符 193

類(lèi)型選擇符 193

相鄰兄弟選擇符 193

子選擇符 193

后代選擇符 193

通配選擇符 194

屬性選擇符 194

偽類(lèi)和偽元素 194

高效CSS選擇符的關(guān)鍵 194

最右邊優(yōu)先 195

編寫(xiě)高效的CSS選擇符 195

CSS選擇符性能 197

復(fù)雜的選擇符影響性能（有時(shí)） 197

應(yīng)避免使用的CSS選擇符 200

回流時(shí)間 201

在現(xiàn)實(shí)中測(cè)量CSS選擇符 202

附錄A 性能工具 205

索引 221

使用說(shuō)明

1、下載并解壓，得出pdf文件

2、如果打不開(kāi)本文件，請(qǐng)務(wù)必下載pdf閱讀器

3、安裝后，在打開(kāi)解壓得出的pdf文件

4、雙擊進(jìn)行閱讀