首先這本書分析了前端在網站體驗中的重要性,并提出了簡單有效的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頭)