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