速度與激情：以網(wǎng)站性能提升用戶體驗(yàn)

目錄

Steve Souders序 xi
Randy　J． Hunt序 xiii
前言　xv
第1章　性能即用戶體驗(yàn)　1
1．1　對(duì)品牌的影響　2
1．1．1　回訪用戶　2
1．1．2　搜索引擎排名　2
1．2　對(duì)移動(dòng)用戶的影響　3
1．2．1　移動(dòng)網(wǎng)絡(luò)　4
1．2．2　移動(dòng)行為模式　6
1．2．3　移動(dòng)硬件　7
1．3　設(shè)計(jì)師對(duì)性能的影響　8
第2章　頁(yè)面速度初探　12
2．1　瀏覽器如何渲染內(nèi)容　12
2．1．1　請(qǐng)求　13
2．1．2　連接　15
2．2　頁(yè)面大小　16
2．3　感知性能　18
2．3．1　關(guān)鍵渲染路徑　18
2．3．2　卡頓　21
2．4　影響頁(yè)面速度的其他因素　22
書
2．4．1　地理位置　22
2．4．2　網(wǎng)絡(luò)　23
2．4．3　瀏覽器　23
第3　章 優(yōu)化圖片　24
3．1　圖片格式的選擇　25
3．1．1　JPEG　25
3．1．2　GIF　29
3．1．3　PNG　32
3．1．4　額外的壓縮　36
3．2　替換圖片請(qǐng)求　38
3．2．1　精靈圖　38
3．2．2　CSS3　45
3．2．3　data URI 和Base64 編碼圖像　50
3．2．4　SVG　51
3．3　圖片使用規(guī)劃和改進(jìn)　55
3．3．1　建立日常檢查機(jī)制　55
3．3．2　創(chuàng)建樣式指南　56
3．3．3　指導(dǎo)其他的圖片創(chuàng)作者　56
第4　章 優(yōu)化HTML 標(biāo)記和樣式　58
4．1　簡(jiǎn)化HTML　58
4．1．1　過度嵌套　59
4．1．2　語(yǔ)義化　60
4．1．3　可訪問性　63
4．1．4　框架和網(wǎng)格系統(tǒng)　63
4．2　簡(jiǎn)化CSS　65
4．2．1　未使用的樣式　66
4．2．2　合并及精簡(jiǎn)樣式　67
4．2．3　精簡(jiǎn)樣式圖片　72
4．2．4　去除特殊性　73
4．3　優(yōu)化網(wǎng)絡(luò)字體　74
4．4　創(chuàng)建可復(fù)用的HTML 標(biāo)記　77
4．5　關(guān)于HTML 標(biāo)記的進(jìn)一步思考　82
4．5．1　CSS 和JavaScript 加載　82
4．5．2　壓縮和gzip　84
4．5．3　資源緩存　86
第5　章 響應(yīng)式Web 設(shè)計(jì)　88
5．1　謹(jǐn)慎加載內(nèi)容　89
5．1．1　圖片　89
5．1．2　字體　96
5．2　方案　97
5．2．1　項(xiàng)目文檔　97
5．2．2　移動(dòng)優(yōu)先　98
5．2．3　衡量一切　99
第6　章 性能評(píng)估與迭代　104
6．1　瀏覽器工具　105
6．1．1　YSlow　105
6．1．2　Chrome 開發(fā)者工具　106
6．2　綜合測(cè)試　108
6．3　真實(shí)用戶監(jiān)控　112
6．4　持續(xù)改變　114
第7　章 權(quán)衡美感與性能　118
7．1　找到平衡點(diǎn)　118
7．2　將性能作為工作流程的一部分　121
7．3　基于性能預(yù)算嘗試新設(shè)計(jì)　121
7．4　結(jié)合性能試驗(yàn)設(shè)計(jì)　122
第8　章 改變組織文化　125
8．1　性能衛(wèi)士　125
8．2　向上管理　128
8．2．1　對(duì)業(yè)務(wù)指標(biāo)的影響　128
8．2．2　體驗(yàn)網(wǎng)站速度　130
8．3　與其他設(shè)計(jì)者和開發(fā)者工作　132
8．3．1　培訓(xùn)　132
8．3．2　認(rèn)可　133
作者介紹　140
封面介紹　140