《高效能網站建設指南》讀後總結

標籤：網站   高效能網站   高效能網站建設   高效能網站建設指南   

網頁的效能黃金法則：

只有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為最差）。

本文出自 “AUB” 部落格，請務必保留此出處http://aubdiy.blog.51cto.com/2978849/1441346

《高效能網站建設指南》讀後總結