第1章 響應式設計現狀 1
1.1 響應式設計存在的問題 1
競爭分析中的發現 3
反模式 7
模式 8
我們怎麼沒有感覺到 11
從最初到響應式設計到現在我們經歷了哪些 11
為什麼不使用「m.」專有站點 13
1.2 小結 16
第2章 初識Web應用性能 17
2.1 性能度量基礎 17
HTTP請求數 23
頁面負載 24
頁面加載時間 24
2.2 追蹤Web性能的工具 25
2.3 Web運行時性能 33
每秒幀數 35
內存分析 37
2.4 小結 40
第3章 千里之行始於計划 41
3.1 滑坡謬誤的一段經歷 41
3.2 項目計划 42
評估和總結整個任務 42
確定粗略的里程碑與時間表 46
衡量成功的關鍵性能指標(KPI) 49
遵守性能SLA 50
3.3 小結 50
第4章 響應式服務端實現 51
4.1 Web棧 51
網絡棧 51
應用層 53
Charles 56
4.2 Web應用棧 57
4.3 服務端響應 58
檢查User Agent 60
設備檢測服務 62
4.4 緩存的影響 70
4.5 Edge Side Include 70
4.6 小結 72
第5章 響應式前端實現 75
5.1 圖片操作 75
SRCSET屬性 76
picture元素 79
5.2 延遲加載 82
設備檢測庫 89
5.3 小結 91
第6章 持續測試Web性能 93
6.1 保持一個穩定的過程 93
6.2 Web響應式性能自動測試 94
headless browser自動測試 95
6.3 持續集成 101
PhantomJS腳本示例 103
Jenkins 109
6.4 小結 113
第7章 響應式設計框架 115
7.1 響應式設計框架之現狀 115
7.2 Twitter Bootstrap 117
7.3 ZURB Foundation 120
7.4 Skeleton 123
7.5 Semantic UI 126
7.6 各種前端框架之間的比較 130
7.7 Ripple 131
7.8 小結 133