開啟 Brotli模組 壓縮率更高讓網頁傳輸更快速

在改善網站載入速度的過程中,你肯定聽過 Gzip了,現在你可以試試由 Google工程師開發,更先進的 Brotli壓縮,簡單易用而且主流瀏覽器都支援這個演算法!

一、我已經有 Gzip了,還需要 Brotli嗎?

如果你的網站已經開啟了 Gzip,仍然可以使用 Brotli不衝突。如果使用者的環境支援 Brotli,那麼就會使用壓縮率比較好的 Brotli,不支援則會使用 Gzip。現今主流瀏覽器都支援了 Brotli,你可以從 Can I use 網站看到瀏覽器的支援度資訊。

開啟 Brotli模組 壓縮率更高讓網頁傳輸更快速 1

Gzip誕生於 1993年,至今仍在使用中;Brotli則在 2015年釋出,相對來說更新更先進,除了 Google自己有使用,全球 CDN品牌 Cloudflare、Amazon CloudFront也都使用了 Brotli來增加縮縮率達到快速傳輸,減少頻寬消耗的目的。

二、我不清楚自己有沒有使用 Brotli(或 Gzip)?

通常你的 WordPress網站使用了各類快取外掛後,就會自動開啟 Gzip的功能,如果你想要簡單快速的測試,可以到這裡,輸入你的網站網址後按下 Test進行測試。

如果要測試你有沒有使用 Brotli,則可以到由 KeyCDN所提供的測試網站,同樣的輸入網站網址後按下 Test,就可以知道你目前是否已經啟用了 Brotli。如果你有使用 CDN,例如 Cloudflare,那麼你可以已經啟動了由 Cloudflare提供的 Brotli,這樣測試的結果就不盡準確了;請先暫時停用 CDN來進行測試原始伺服器有沒有啟用 Brotli。(要不要使用 Cloudflare呢?先考慮這幾點吧!

開啟 Brotli模組 壓縮率更高讓網頁傳輸更快速 2

三、相較於 Gzip,Brotli的優點與缺點

根據測試的結果,使用 Brotli比起 Gzip處理更快且 JavaScript會縮小 14%、HTML會縮小 21%、CSS會縮小 17%,這都能有效地節省頻寬也能更快速的傳輸網頁給訪客。

那缺點是什麼呢?你的伺服器需要有 Brotli的模組,這樣才能開啟功能,所以就普及率來說不如 Gzip這麼普遍。(幾乎所有的伺服器預設都會開啟 Gzip的模組)

四、開啟 Brotli模組壓縮網站

這裡以我使用的 TMDHosting為主,如果你瀏覽後續的步驟找不到相應的畫面,那麼很可能是你的主機商並不提供 Brotli的功能,詳情就要詢問主機商了。

1. 登入你的 cPanel後,找到 Select PHP Version

開啟 Brotli模組 壓縮率更高讓網頁傳輸更快速 3

2.確認網站使用的是 CloudLinux PHP Selector,從上方切換至 Extensions

開啟 Brotli模組 壓縮率更高讓網頁傳輸更快速 4

3.在下方 B 的地方找到 brotli並打勾

開啟 Brotli模組 壓縮率更高讓網頁傳輸更快速 5

這樣就完成你的伺服器啟用 brotli模組了!啟用後你可以前往 KeyCDN所提供的測試網站再次的測試是否已經正確能檢測到 Brotli壓縮。

五、透過自己的瀏覽器測試 Brotli

除了上述透過網站服務的方式測試外,你也可以在自己的瀏覽器上確認 Brotli的情況。

1.開啟一個網站的頁面

2.按下 F12或 Ctrl + Shift + I 開啟 Developer Tools

4.切換到 Network分頁,選擇任一項你的網站上的資源 (不要選到外部連結囉)

6.在右側欄位切換到 Headers,其中可以看到 accept-encoding 就會包含 gzip, deflate, br,br就是 Brotli。看到這個項目表示你的 Brotli已經正確啟用了。

開啟 Brotli模組 壓縮率更高讓網頁傳輸更快速 6

留言

發佈留言必須填寫的電子郵件地址不會公開。

Scroll to Top