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　移動網絡　　4
1.2.2　移動行為模式　　6
1.2.3　移動硬件　　7
1.3　設計師對性能的影響　　8
第2章　頁麵速度初探　　12
2.1　瀏覽器如何渲染內容　　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　網絡　　23
2.4.3　瀏覽器　　23
第3章　優化圖片　　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　圖片使用規劃和改進　　55
3.3.1　建立日常檢查機製　　55
3.3.2　創建樣式指南　　56
3.3.3　指導其他的圖片創作者　　56
第4章　優化HTML 標記和樣式　　58
4.1　簡化HTML　　58
4.1.1　過度嵌套　　59
4.1.2　語義化　　60
4.1.3　可訪問性　　63
4.1.4　框架和網格係統　　63
4.2　簡化CSS　　65
4.2.1　未使用的樣式　　66
4.2.2　閤並及精簡樣式　　67
4.2.3　精簡樣式圖片　　72
4.2.4　去除特殊性　　73
4.3　優化網絡字體　　74
4.4　創建可復用的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　謹慎加載內容　　89
5.1.1　圖片　　89
5.1.2　字體　　96
5.2　方案　　97
5.2.1　項目文檔　　97
5.2.2　移動優先　　98
5.2.3　衡量一切　　99
第6章　性能評估與迭代　　104
6.1　瀏覽器工具　　105
6.1.1　YSlow　　105
6.1.2　Chrome 開發者工具　　106
6.2　綜閤測試　　108
6.3　真實用戶監控　　112
6.4　持續改變　　114
第7章　權衡美感與性能　　118
7.1　找到平衡點　　118
7.2　將性能作為工作流程的一部分　　121
7.3　基於性能預算嘗試新設計　　121
7.4　結閤性能試驗設計　　122
第8章　改變組織文化　　125
8.1　性能衛士　　125
8.2　嚮上管理　　128
8.2.1　對業務指標的影響　　128
8.2.2　體驗網站速度　　130
8.3　與其他設計者和開發者工作　　132
8.3.1　培訓　　132
8.3.2　認可　　133
作者介紹　　140
封麵介紹　　140
· · · · · · (收起)