高性能網站建設指南：前端工程師技能精髓

推薦序
前言
緒言A 前端性能的重要性
跟蹤Web頁面性能
時間花在哪兒了？
性能黃金法則
緒言B HTTP概述
壓縮
條件GET請求
Expires
Keep-Alive
更多信息
第1章 規則1——減少HTTP請求
圖片地圖
CSS Sprites
內聯圖片
合並腳本和樣式表
小結
第2章 規則2——使用內容發布網絡
內容發布網絡
節省
第3章 規則3——添加Expires頭
Expires頭
Max-Age和mod_expires
空緩存VS完整緩存
不僅僅是圖片
修訂文件名
示例
第4章 規則4——壓縮組件
壓縮是如何工作的
壓縮什麼
節省
配置
代理緩存
邊緣情形
壓縮的實際效果
第5章 規則5——將樣式表放在頂部
逐步呈現
sleep.cgi
白屏
無樣式內容的閃爍
前端工程師應該做什麼？
第6章 規則6——將腳本放在底部
腳本帶來的問題
並行下載
腳本阻塞下載
最差情況：將腳本放在頂部
最佳情況：將腳本放在底部
正確地放置
第7章 規則7——避免CSS表達式
更新表達式
圍繞問題展開工作
小結
第8章 規則8——使用外部JavaScript和CSS 55
內聯VS外置 55
典型的對比結果 58
主頁 58
兩全其美 59
第9章 規則9——減少DNS查找
DNS緩存和TTL
瀏覽器的視角
減少DNS查找
第10章 規則10——精簡JavaScript
精簡
混淆
節省
示例
錦上添花
第11章 規則11——避免重定向
重定向的類型
重定向是如何損傷性能的
重定向之外的其他選擇
第12章 規則12——刪除重復腳本
重復腳本——確有其事
重復腳本損傷性能
避免重復腳本
第13章 規則13——配置ETag
ETag是什麼？
ETag帶來的問題
Etag——用還是不用
現實世界中的ETag
第14章 規則14——使Ajax可緩存
Web 2.0、DHTML和Ajax
異步與即時
優化Ajax請求
現實世界中的Ajax緩存
第15章 析構十大網站
頁面大小、響應時間、YSlow等級
如何進行測試
Amazon
AOL
CNN
eBay
Google
MSN
MySpace
Wikipedia
Yahoo!
YouTube
索引