今天要介紹的是 CloudFlare 設定的 Speed 標籤頁,這頁設定主要是跟「性能優化」有關係的。例如可以透過 CloudFlare 幫您的網站壓縮圖片、CSS、Javascript 來減少數據傳輸量。

首先,先點到 Speed 標籤頁。

CloudFlare 進階教學: 性能優化篇 Speed

 

第一個大項就是「自動最小化 (Auto Minify)」,可以透過 CloudFlare 幫您網站上的 Javascript、CSS、HTML 進行最小化,節省傳輸流量。

CloudFlare 進階教學: 性能優化篇 Speed

 

下一個大項「Polish」簡單來說就是最小化圖片,CloudFlare 會幫您壓縮圖片再傳給用戶端,這項功能目前只提供給 Pro Plan 的網站

CloudFlare 進階教學: 性能優化篇 Speed

 

下一大項的「Railgun」可以提供動態內容加速的功能,可惜只提供給 Bussiness Plan 的網站。

CloudFlare 進階教學: 性能優化篇 Speed

 

下一大項的「Mirage」提供行動用戶端在低速網路時圖片載入部分的優化,應該是傳送低像素版本的圖片給行動用戶端,來減少載入時間,由於是 BETA 階段,這邊沒有使用。

CloudFlare 進階教學: 性能優化篇 Speed

 

Rocket Loader 則是自動優化頁面載入,這部分會調整 Javascript 來做優化,因為是 BETA 階段,所以一樣沒有使用。

CloudFlare 進階教學: 性能優化篇 Speed

 

Mobile Redirect 顧名思義就是將透過手機或其他行動裝置轉址到其他子網域,可以選擇是否要保留存取路徑。因為現在許多網站都採用 RWD 自動適應的方式做設計,自然不需要這項功能。

CloudFlare 進階教學: 性能優化篇 Speed

 

最後一大項只有 Enterprise Plan 的網站可以使用,這項功能會將網站 Header 連結到的資源做快取,加速載入。

CloudFlare 進階教學: 性能優化篇 Speed

閱讀全文