天天看點

讀書筆記《高性能網站建設指南》之雅虎軍規

首先這本書分析了前端在網站體驗中的重要性,并提出了簡單有效的14條規則,對網站架構有指導意義

規則如下:

1、減少HTTP請求

  a、圖檔地圖(即圖檔熱點,感覺此方法因缺少互動已被逐漸取代)

  b、css sprite

  c、内聯圖檔(即用base64編碼圖檔)

  d、合并腳本與樣式表(此問題無絕對化,否則與子產品化相沖突,感覺子產品化希望檔案小而獨立,并按需加載)

2、使用内容分發網絡(即CDN服務)

3、添加Expires頭(伺服器端設定)

4、壓縮元件(通過gzip壓縮傳輸)

5、樣式表放在頂部(防止加載過程中的樣式重構)

6、腳本放在底部(防止腳本阻塞其他元件下載下傳)

7、避免CSS表達式

8、用外部JS和CSS

  a、外部檔案可緩存,重複度高(此處與第一點中d有沖突,需要權衡)

  b、可以緩加載或動态加載

9、減少DNS查找

10、精簡JS(含壓縮和邏輯優化)

11、避免重定向

12、删除重複腳本(含重複的http請求和js腳本)

13、配置ETag

14、使AJAX可緩存(設定長久的Expires頭)