效能優化（《建設高效能網站》總結）
阿新 • • 發佈：2018-11-28
1.減少http請求
- 圖片地圖（指定area）
- 合成雪碧圖（限定顯示區域，再依次移動圖片），現在常用svg或icon-font
- 內聯圖片（src屬性內寫入base64檔案資訊）
- 合併js和css檔案
2.設定CDN（使使用者就近訪問伺服器上的靜態資源）
3.設定長久的快取（max-age快取時間或expires過期時間）
4.壓縮元件（在http請求中設定Accept-Encoding: gzip）
5.用link標籤將樣式表放在head標籤中（瀏覽器載入完樣式表才會顯示內容）
6.將指令碼放到頁面底部（載入指令碼會阻塞頁面渲染，如果涉及修改頁面的內容則不能放在最後）
7.避免使用css表示式
8.使用外部css和js檔案（純粹而言內部更快，但實際瀏覽器有快取機制，故還是外部更優）
9.通過Keep-Alive和較少的域名減少DNS查詢（瀏覽器和伺服器：Connection: keep-alive)
10.對JavaScript程式碼進行精簡（精簡、混淆）
11.減少重定向（頁面地址跳轉：meta redirect、document.location；在網址結尾新增/）
12.避免重複指令碼（多人協作開發時有可能出現的情況）
13.配置或移除ETag（？）