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

目錄

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