如何使用 GZIP WP Rocket 壓縮組件

已發表: 2022-01-02

“這篇文章包含附屬鏈接;這意味著如果您通過此頁面上的鏈接購物,我們將獲得佣金”

使用 GZIP 壓縮組件 - 特色圖片

如果您在 WordPress 上寫博客,那麼加快頁面速度、優化性能和增加用戶體驗的最簡單方法之一就是使用插件來使用 GZIP 壓縮組件。

當您在服務器上啟用文本壓縮時,基於文本的資源(如 CSS、HTML、JS 文件)的大小會壓縮到 kb。 這將直接提高頁面速度,因為文件越小,頁面加載速度越快。

在數百個 WordPress 優化插件中,WP Rocket 是迄今為止最先進、最受信任和安裝的 WordPress 緩存插件。

在本文中,我們將了解如何使用 WP Rocket 使用 GZIP 壓縮組件。

今天有超過 200 萬個博客使用了性能和速度優化插件。

WP Rocket 使用多種方式來提升您的網站性能、優化頁面速度並改善整體用戶體驗。 其中一種方法是使用 GZIP 壓縮您的網站文件和內容。

GZIP 是一種流行的壓縮 CSS、HTML 和 JS 文件的方式,以加快向用戶 Web 瀏覽器的交付過程。

文件壓縮還有助於減少移動設備上的帶寬和數據使用量。

在 Google Core Web Vital 報告時代,啟用 GZIP 可以自動提高 Largest Content Paint 和 First Input Delay 性能得分。

但是不要讓我們過於超前,因為對於初學者在線營銷人員來說,GZIP 一詞可能聽起來過於技術化。

所以,讓我們從定義什麼是 GZIP 壓縮開始。 GZIP 如何優化內容交付。

如何在 WP Rocket 中使用 GZIP 壓縮組件,以及如何檢查您的站點是否啟用,如果未啟用,如何啟用 gzip 壓縮。

什麼是 GZIP 壓縮?

GZIP 是由 Jean-loup Gailly 和 Mark Adler 創建的用於文件壓縮和解壓縮的軟件應用程序。

它於 1992 年 10 月 31 日首次向公眾發布。 1993 年,1.0 版作為早期 0.1 版的更新發布。

GZIP 是一個服務器端應用程序,這意味著必須在您的 Web 主機服務器上啟用它,您的網站才能從中受益。 GZIP 主要用於壓縮代碼和文本文件,例如 HTML、CSS 和 Javascript 文件。

如果您不確定您的託管服務器上是否啟用了 GZIP,您可以使用 Visiospark 之類的工具來查看您的 Web 服務器上是否啟用了 GZIP。

此外,GZIP 並不是唯一的文件壓縮工具。

還有其他壓縮算法,例如 Brotli,它比 GZIP 更好地壓縮基於文本的文件。

但問題是,GZIP 在將文件壓縮和解壓縮到客戶端應用程序時更高效、更快。

像 Brotli 這樣的壓縮應用程序需要更多時間來壓縮文件。 雖然最終輸出比 GZIP 好,但完成該過程所花費的時間是值得擔心的。

雖然 GZIP 是用於壓縮代碼和文本文件的流行且最常用的應用程序,但它不壓縮圖像文件。

如果您想優化您的網站圖像,有很多方法可以做到這一點。 您可以查看這篇關於 WordPress 圖像優化的深入指南。

對於大多數 Javascript 和 CSS 文件,GZIP 能夠實現 60% - 90% 的壓縮率。

WP Rocket 如何使用 GZIP 壓縮組件

誠然,今天有一些 GZIP 壓縮 WordPress 插件,WP Rocket 是一個開箱即用的一鍵式解決方案。

與許多競爭對手不同,它不需要任何編碼知識來設置 WP Rocket。

雖然插件在 Apache 服務器上自動運行,但 NGNIX 服務器上的用戶需要一些變通方法才能將 WP Rocket 與 GZIP 一起使用。

讓我們看看 WP Rocket GZIP 壓縮功能是如何在兩台服務器上工作的。

阿帕奇服務器

大多數 WordPress 緩存插件都內置了對 GZIP 壓縮的支持。 如果您的網站在 Apache 服務器上,WP Rocket 會自動為 .htaccess 文件啟用 GZIP 壓縮規則。

您無需激活或執行任何其他操作,WP Rocket 使用 Apache 服務器上的 mod_deflate 模塊自動應用規則。

因此,必須在您的服務器上啟用 mode_deflate 模塊——這是 Apache 服務器的唯一要求。

如果您不確定服務器上是否啟用了 mode_deflate 模塊,只需詢問您的網絡主機。

在服務器上啟用 GZIP 後,WP Rocket 會為您網站的每個緩存頁面創建 2 個版本——一個 HTML 文件和一個 GZIP 文件。

GZIP 版本是為用戶服務的默認版本,而 HTML 版本則作為備用版本——以防萬一——你永遠不知道。

要閱讀有關 WP Rocket 如何使用 GZIP 壓縮組件的更多信息,請閱讀其網站上的此文檔。

NGNIX 服務器

對於 NGNIX 服務器上的網站,由於 NGNIX 不支持 .htaccess 文件,您需要在其中添加以下代碼:

/etc/Nginx/Nginx.conf

 gzip on; gzip_disable "msie6"; gzip_vary on; gzip_proxied any; gzip_comp_level 6; gzip_buffers 16 8k; gzip_http_version 1.1; gzip_types text/plain text/css application/json application/x-javascript text/xml application/xml application/xml+rss text/javascript;

這將在您的 NGNIX 服務器上啟用 GZIP。 但作為預防措施,您應該與您的虛擬主機核實 GZIP 是否已啟用。

或者,您可以從 Github 上的一位 WP Rocket 客戶那裡閱讀有關使用 GZIP 進行 NGNIX 配置的更多信息。

有幾種方法可以測試您的 Web 服務器上是否啟用了 GZIP。 讓我們來看看一些方法或工具。

幾次點擊即可獲得更快的頁面速度

WP Rocket 是一種一鍵式解決方案,可加快網站頁面速度

不需要編碼知識。

立即獲取 WP Rocket

如何檢查您的網站是否啟用了 GZIP 壓縮

對於許多 Web 主機和瀏覽器,支持 GZIP 壓縮和文件解壓縮是默認功能。 大多數現代瀏覽器現在都支持內容編碼 HTTP 響應標頭。

因此,就瀏覽器支持而言,無需擔心。

您應該擔心的是您的網絡主機,特別是如果您在共享主機服務器上。

默認情況下,某些 Web 主機不會在共享主機服務器上啟用 GZIP 壓縮功能。 您需要檢查您的託管服務以啟用它。

這裡有一些方法可以檢查您的服務器上是否啟用了 GZIP。

#1。 GZIP 壓縮檢查工具

檢查您的站點上是否啟用了 GZIP 的最簡單方法之一是使用壓縮檢查工具。

對於本文,我使用 visiospark 壓縮工具檢查該網站是否啟用了 GZIP。

您還可以使用它來測試您的網站是否啟用了 GZIP。

如下圖所示,網頁被壓縮了 79.46%。

賽博奈拉的 Visiospark gzip 報告

這個工具的好處是它顯示了你保存了多少壓縮文件。 此外,它還顯示原始文件大小和壓縮文件的大小。

#2。 使用谷歌瀏覽器開發工具

您還可以使用 Google Chrome 開發工具檢查您的站點是否啟用了 GZIP。 要在 Chrome 中檢查 GZIP 壓縮,您需要在 Chrome 開發工具源面板上查找 HTTP 標頭。

右鍵單擊您的博客頁面(頁面上的任何位置),然後單擊菜單列表中的檢查。

此操作將打開一個單獨的對話框面板,您可以在其中查看頁面元素。 單擊網絡選項卡,然後從下面的導航菜單中選擇“標題”。

Chrome 開發工具 GZIP

重新加載頁面,然後從左側面板中選擇任何 HTTP 請求。 在右側面板上,查看內容編碼:gzip。

如果存在,則您的網站上啟用了 GZIP。

#3。 使用 GTMetrics

GTMetrics 是測試網站性能和速度的有用工具。 您還可以使用它來了解您的網站是否啟用了 GZIP。

當您通過 GTMetrics 掃描您的網站頁面時,它會返回一個建議列表,以提高性能和速度。

查看推薦列表以查看是否存在 GZIP。

賽博奈拉的 Gtmetrics 頁面速度報告

如果您的服務器上不存在 GZIP,GTMetrics 會將其報告為影響您網站性能的主要問題之一。

結論……使用 GZIP 壓縮組件

使用正確的工具集,網站性能不必過於技術化。 任何具有一般 Web 開發知識的人都應該能夠提高網站的性能和速度。

WP Rocket 是一種自動一鍵式解決方案,可在 Apache 服務器上啟用 GZIP,優化性能並提高頁面速度。

此外,WP Rocket 將縮小和合併 CSS 和 Javascript 文件,以使您的網站頁面更輕巧並縮短頁面加載時間。