網頁的性能黃金法則:
只有10%~20%的最終用戶相應時間花在了下載html文檔上。其餘的80%~90%時間花在了下載頁面中的所有組件上。
這本書的其餘部分,對減少80%~90%最終用戶相應時間做出指導。
如果能遵循所有適用於自己網站的規則,頁面網站的速度將提高20%~25%。
開始乾貨
規則1:減少http請求
1.圖片地圖(服務器端圖片地圖,客戶端圖片地圖)
2.CSS Sprites
3.內聯圖片(IE目前還不支持)
4.合併腳本和樣式表
規則2:使用內容發佈網絡
規則3:添加長久的Expires頭,升級時更新文件名
1.使用Expires頭
2.使用Cache-Control頭 max-age指令
規則4:壓縮組件(gzip)
對於大於1KB或2KB的文件進行壓縮,壓縮腳本和樣式表
規則5:將樣式表放在頂部
使用LINK標籤將樣式表放在文檔HEAD中
規則6:將腳本放在頁面底部
規則7:避免CSS表達式
規則8:使用外部JavaScript和CSS
1.加載後下載
2.動態內聯
規則9:減少DNS查找
通過使用Keep-Alive和減少唯一主機域名來減少DNS查找
規則10;精簡JavaScript、CSS(使用相應的工具)
1.混淆(變量名、函數名變得更短)
2.節省(去掉空白、註釋等)
規則11:避免重定向
規則12:移除重複腳本
規則13:配置或移除ETage
規則14:使Ajax可緩存
確保Ajax請求遵守性能指導,尤其應具有長久的Expires頭
書上分析頁面推薦使用Yahoo的YSlow工具,會根據頁面實踐本書所介紹的性能規則的優劣成都產生一個單獨的得分(A爲最好,F爲最差)。