目錄
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 章 優(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 框架和網格系統(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)化網絡字體 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 謹慎加載內容 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 章 權衡美感與性能 118
7.1 找到平衡點 118
7.2 將性能作為工作流程的一部分 121
7.3 基于性能預算嘗試新設計 121
7.4 結合性能試驗設計 122
第8 章 改變組織文化 125
8.1 性能衛(wèi)士 125
8.2 向上管理 128
8.2.1 對業(yè)務指標的影響 128
8.2.2 體驗網站速度 130
8.3 與其他設計者和開發(fā)者工作 132
8.3.1 培訓 132
8.3.2 認可 133
作者介紹 140
封面介紹 140