Brotli vs Gzip:哪種壓縮方式更適合 WordPress?

已發表: 2022-08-18

Brotli vs Gzip 哪種壓縮更適合 WordPress Brotli 與 Gzip 壓縮? 找出哪個壓縮工具更好。

在網站性能方面,標準很高。 決定一個偉大網站的因素之一是它的速度。 如今,網站上充斥著圖像、視頻和腳本,這意味著它們需要更多時間來加載。

儘管如此,想要保持競爭力的網站所有者必須避免頁面加載緩慢。 如果您的訪問者需要多等幾秒鐘,他們就會離開您的網站。 為防止這種情況發生,您應該減少網站的加載時間。

提高站點速度的一種方法是通過數據壓縮。 這種技術可以節省存儲空間並提高速度。 在本文中,我們將解釋什麼是數據壓縮。 我們還將比較兩種主要的壓縮算法——Gzip 和 Brotli。

內容:

  • 什麼是數據壓縮?
  • Brotli vs Gzip 壓縮——基礎
    • Gzip 壓縮
    • Brotli 壓縮
  • Brotli 和 Gzip 壓縮的基準測試
  • 如何測試您的網站的 Brotli 和 Gzip
  • 在 WordPress 中啟用 Brotli 壓縮
  • 結論

什麼是數據壓縮?

數據壓縮是使用壓縮算法減少 Web 文件的過程。 壓縮可以是有損或無損的。 在有損壓縮中,數據質量可能會降低。 無損壓縮可在不影響質量的情況下減小 Web 文件的大小。

這就是為什麼壓縮很重要; 當您在 Web 瀏覽器中輸入 URL 時,它會向 Web 服務器發送請求。 服務器負責在 Web 瀏覽器上獲取和顯示數據。

收到請求後,文件必須在幾秒鐘內下載並顯示。 如果網站加載時間超過 3 到 5 秒,則會增加跳出率。 要發送的數據越多,頁面加載所需的時間就越長。

數據壓縮試圖通過減小網站文件的大小來消除這個問題。 因此,您的網站使用的位數更少,加載速度更快。 許多網絡瀏覽器接受一種或兩種最流行的壓縮算法——Brotli 和 Gzip。

Brotli vs Gzip 壓縮——基礎

這是對這兩種壓縮工具的快速介紹。

Gzip 壓縮

Gzip 是一種壓縮軟件,用於減小 Web 文件的大小。 該軟件於 1992 年 10 月 31 日發布,基於 DEFLATE 算法。 此格式檢測並刪除 Web 文件中的重複字符。 它是一種結合了 LZ77 算法和 Huffman 編碼算法的無損數據壓縮。

LZ77 算法通過檢測重複數據並用元組替換它們來壓縮原始數據來工作。 為了進一步壓縮數據,霍夫曼編碼算法分配具有最少位數的重複出現的字符。 然後稀有/唯一字符的位數最多。

Gzip 被設計為一個通用的壓縮庫。 它以原始形式獲取數據並無損壓縮。 主要的網絡瀏覽器支持 Gzip,許多託管服務提供商都提供它,因此您的網站很可能已經在使用它。

Brotli 壓縮

這是另一種流行的數據壓縮算法。 Brotli 由 Google 的軟件工程師於 2013 年創建,並迅速成為全球使用最廣泛的壓縮方法。 這不足為奇。 與 Gzip 不同,Brotli 旨在壓縮流,使其成為 Web 服務器的更好選擇。

此外,Brotli 是通用且無損的。 因此,可以有效地壓縮任何類型的文件而不會丟失任何信息。 Brotli 提供廣泛的支持,並且可以免費使用。

基準測試 – Brotli 與 Gzip 壓縮

這是一個大問題:Brotli 還是 Gzip 哪個更好? 要回答這個問題,您應該了解壓縮的含義,即它的比率和速度。

壓縮比描述了文件壓縮前後的差異。 另一方面,壓縮速度是指壓縮或解壓縮文件所需的時間。 使用這些信息,讓我們比較 Gzip 和 Brotli。

Gzip 壓縮測試

Gzip 可以將網站文件減少多達 80%。 這個比率令人印象深刻,但 Brotli 等其他工具具有更好的壓縮比。 針對 Gzip 對 Brotli 進行基準測試顯示了以下結果:

  • HTML 文件比 Gzip 小 21%
  • CSS 文件比 Gzip 小 17%
  • JavaScript 文件比 Gzip 小 14%

Brotli 壓縮測試

根據這些數據,您可能會得出結論認為 Brotli 更好。 雖然 Brotli 的壓縮效果更好,但它是有代價的。 與 Gzip 相比,Brotli 需要更長的時間來壓縮,速度也是一個重要的指標。

雖然 Brotli 具有更好的壓縮比,但 Gzip 在壓縮速度方面處於領先地位。

此外,兩種壓縮工具具有不同的壓縮級別。 級別直接影響壓縮比和速度。

增加壓縮級別將增加壓縮比。 但是,它會減慢整個過程。 因此,如果您需要更高的壓縮速度,則需要降低壓縮級別。 反之亦然。

在人氣和用戶數量方面,Gzip 名列前茅。 Brotli 僅在 2013 年創建,而 Gzip 自 1992 年就已經存在。雖然 Brotli 相對較新,但它正在快速發展並成為託管服務提供商的標準。

如何測試您的網站的 Brotli 和 Gzip 壓縮

有兩種方法可以檢查您的網頁是否使用壓縮算法。 我們將討論兩者。

使用在線工具

這是檢查您的 WordPress 網站是否啟用 Gzip 或 Brotli 的最簡單方法。 在本教程中,我們將使用來自 giftofspeed.com 的壓縮測試工具。 該工具使用簡單,還提供有關您網站的其他信息。

首先,在提供的文本字段中輸入您網站的 URL,然後單擊它旁邊的測試 URL按鈕。 您幾乎會立即得到結果。 就是這麼容易。

您網站的 Gzip 與 Brotli 壓縮測試

使用瀏覽器的開發工具——Brotli vs Gzip

測試網站的另一種方法是使用 Web 瀏覽器中的開發人員工具。 在本教程中,我們將使用 Chrome,但它也適用於其他主要瀏覽器。

首先,轉到您要測試的網站,然後右鍵單擊頁面上的任意位置並選擇Inspect 。

右鍵單擊任意位置並選擇檢查

在開發人員菜單上,單擊網絡選項卡。 在這裡,您將看到有關您當前正在查看的頁面的各種指標。 如果沒有顯示,您可能需要重新加載頁面。

開發人員菜單上的網絡選項卡

接下來,向上滾動到包含您的域名的第一條記錄並單擊它。 之後,切換到“標題”選項卡。 向下滾動到“響應標頭”部分並找到“內容編碼”標頭。 如果您看到“br”,則表示 Brotli 在網站上處於活動狀態。

brotli vs gzip壓縮

否則,如果您看到“gzip”,則表示 Gzip 壓縮在您的站點上處於活動狀態。

gzip vs brotli 壓縮

在 WordPress 網站上啟用 Brotli 或 Gzip 壓縮

在 WordPress 中啟用數據壓縮有三種方法。 如果您對控制面板具有管理員訪問權限,則可以在服務器上手動安裝算法。 但是,這種方法需要一些編程經驗。

或者,您可以從託管儀表板啟用它(如果您的主機支持它)。 也可以使用 WordPress 插件為您的網站啟用它。

在我們開始之前,您需要備份您的網站,以便有一個版本可以在出現錯誤時恢復。 話雖如此,這裡有兩種在 WordPress 中啟用數據壓縮的方法。

使用 WordPress 緩存插件

WordPress 有許多插件,可讓您將緩存功能添加到您的網站。 但是,並非所有緩存插件都允許您啟用 Brotli 壓縮,因此請仔細研究您將使用的插件。

在本教程中,我們將使用 W3 Total Cache 插件。 要安裝此插件,請轉到插件 >> 添加新的. 在搜索欄上,輸入插件的名稱,然後單擊插件名稱旁邊的立即安裝。 安裝完成後,按鈕變為“激活”。 單擊它以激活插件。 您可以閱讀我們關於如何安裝 WordPress 插件的文章。

添加新插件頁面 - brotli vs gzip

安裝後,轉到性能>>瀏覽器緩存以打開插件的設置頁面。

性能>>插件設置中的瀏覽器緩存

在“常規”選項卡上,找到數據壓縮部分。 默認情況下,壓縮將設置為 Gzip。 如果您更喜歡使用 gzip 壓縮,您可以保持設置不變。 否則,您需要取消選中它並啟用“啟用 HTTP (brotli) 壓縮”旁邊的複選框。

選擇首選壓縮算法 - brotli 或 gzip

之後,向下滾動並單擊Save all settings & Purge Cache 。

保存設置和清除緩存 - brotli vs gzip

同樣,CSS & JS、HTML & XML 和媒體文件也應設置為壓縮。

選擇壓縮算法

您可以使用菜單導航到所需的部分。 選擇壓縮算法後,單擊Save Changes & Purge Cache按鈕。

支持網絡主機

提供開箱即用數據壓縮的網絡主機是啟用該算法的另一種簡單方法。 聯繫您的託管服務提供商以了解他們是否提供壓縮,並讓他們知道您想要的壓縮級別。

如果您的虛擬主機不提供數據壓縮,您可以使用上面的插件方法。 否則,您可能需要升級您的虛擬主機。 您可以查看我們對最佳 WordPress 託管服務提供商的評論。

如果您的網站使用 Cloudflare CDN,您可以輕鬆地為您的網站啟用 Brotli。 為此,請從 Cloudflare 儀表板登錄到您站點的帳戶。 接下來,轉到Speed選項卡並選擇Optimization 在那裡,您可以將 Brotli開關切換到 O​​n 。

從 Cloudflare 開啟 Brotli - brotli vs gzip

現在您的 WordPress 網站將使用 Brotli 來處理壓縮。

旁注:您需要先將您的網站與 Cloudflare 連接,然後才能使用壓縮工具。 我們有關於如何將 Cloudflare 與 WordPress 集成的詳細指南。

結論 – Brotli vs Gzip

最終,壓縮可以幫助您的 WordPress 網站更快地加載,因為它可以減小文件大小。 Gzip 和 Brotli 都有助於壓縮您網站的文件。

雖然 Gzip 較老且廣為人知,但 Brotli 的壓縮效果更好。 但是,它也需要比 Gzip 更多的時間來壓縮。 即便如此,Brotli 更現代,並且通常會提供更好的結果。

最終,您的目標是在您的網站上為您的用戶提供最佳體驗,無論您使用何種工具。 因此,您可以針對您網站的獨特需求測試這兩種算法,並對每種算法進行速度測試。

有關網站優化的更多提示,您可以查看我們的速度優化指南。 此外,請查看我們博客的其餘部分以獲取其他 WordPress 教程。