高性能網(wǎng)站建設(shè)指南

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