減少網路請求

文字資源整合

適當合併 css 與 js 文件，搭配瀏覽器快取便能降低。

圖片資源整合

  1. sprites

  2. base64

  3. 各種SVG應用

檔案下載

  1. 外部檔案 ex: css 在 <head> 執行、js 在 <body> 結束之前

  2. 內聯推送 ex: CSS in JS 、inline Javascript

Domain切分

Domain sharing，網站者可拆多個子網域，用不同網址下載。

由於拆分的關係，讓 cookie 不會傳送，降低頻寬浪費。

HTTP / 2.0

使用 HTTP/2 後，就不需要做HTTP/1.x 為了提高性能而衍伸的作法，如：

  • 文字資源整合，之前會將多個模塊合併成一個文件，減少請求，但會有cache問題。

  • CDN 資源放在不同域名下，減少發送數而降低延遲。

Previous避免阻礙渲染Next暫存圖片 / 實際位置轉移

Last updated

Was this helpful?