速度與激情:以網站性能提升用戶體驗 (Designing for Performance) 速度与激情 以网站性能提升用户体验

拉臘·卡蘭德·霍根 (Lara Callender Hogan)

買這商品的人也買了...

商品描述

<內容介紹>

本書探討如何提升網站性能,分8章詳細介紹性能提升所需的工具、軟件、方法,主要內容包括:頁面加載速度的基礎知識,圖片的格式和優化方法,HTML標記和樣式的優化,如何用好響應式Web設計,網站性能的評估方法,以及如何打造組織的性能文化。


<章節目錄>

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