如何為 WordPress 啟用 GZIP 壓縮
已發表: 2023-02-12一個緩慢的網站會產生很多問題。 它會趕走潛在的訪問者和客戶,損害您網站的用戶體驗 (UX),甚至影響您的聲譽。
減小網站頁面的大小是提高加載速度的關鍵。 幸運的是,GZIP 壓縮是實現快速頁面加載和減小文件大小的好方法。
在本指南中,我們將了解 GZIP 壓縮的基礎知識,包括它是什麼以及它的作用。 然後我們將詳細介紹如何在 WordPress 網站上啟用 GZIP 壓縮。 讓我們開始吧!
什麼是 GZIP 壓縮?
GZIP 壓縮是一種類似於 ZIP 和 RAR 的數據壓縮。 它可用於壓縮您網站上的所有文件,無論它們是文本、HTML、CSS、JavaScript 還是 XML。
GZIP 壓縮發生在文件提供給訪問者的網絡瀏覽器之前。 通過這種方法,GZIP 壓縮可減小文件大小,從而對網站加載時間產生積極影響。
GZIP 壓縮有什麼作用?
當訪問者登陸您的網站時,他們的瀏覽器會從其服務器請求該網站的文件。 您的服務器將在將這些文件發送到瀏覽器之前對其進行壓縮。 GZIP 壓縮是一種文件壓縮方法。
壓縮文件的傳輸速度比未壓縮文件快。 這有助於提高網站性能和加載速度,從而提高搜索引擎優化 (SEO)。
如何查看是否啟用了 GZIP 壓縮
GZIP 壓縮很流行,許多 WordPress 託管平台默認啟用它。 如果您不確定如何檢查 GZIP 壓縮是否在您的站點上正常工作,您可以使用第三方解決方案或瀏覽器內開發人員工具對其進行測試。
如果您沒有啟用 GZIP 壓縮,您通常會在 GTmetrix 等工具中看到警告。 您還可以使用 GZIP 壓縮工具來查看您的網站是否使用 GZIP 壓縮。
還可以使用瀏覽器開發人員工具檢查 GZIP 壓縮是否正常工作。 啟用後,響應標頭將包含“content-encoding: gzip”:
要在 Chrome 中找到響應標頭,您需要打開 DevTools 並導航到Network ,然後重新加載頁面。 單擊與您的網站匹配的名稱,響應標題將打開。
如何在 WordPress 上啟用 GZIP 壓縮
WP Engine 上的所有網站都默認使用 GZIP 壓縮。 包括文本文件、圖像、CSS 和 JavaScript 在內的所有靜態文件都會自動壓縮,以實現最佳網站性能。 這種自動壓縮減少了.htaccess文件中對 GZIP 指令的需求。
但是,並非所有 WordPress 網站都託管在 WP Engine 上,並且不會受益於默認啟用的 GZIP 壓縮。 如果您的網站託管在不同的平台上,您可能需要手動啟用 GZIP 壓縮。 有幾種方法可以做到這一點,我們接下來會看看。
使用插件啟用 GZIP 壓縮
啟用 GZIP 壓縮的最簡單方法是使用緩存插件。 WP Rocket 等工具通過為您向.htaccess文件添加代碼來啟用壓縮,而 W3 Total Cache 等其他工具則需要您手動添加該代碼。
雖然這通常是添加 GZIP 壓縮的最簡單方法,但它確實涉及向您的站點添加額外的插件。 如果你想保持你的插件庫精簡,你可以使用以下解決方案之一。
為 Nginx 啟用 GZIP 壓縮
如果您的網站使用 Nginx,則可以使用一段代碼來啟用 GZIP 壓縮。 您需要將下面的代碼片段放在您站點的nginx.conf文件的“http”部分中。 您也可以將此代碼片段放在服務器或位置配置塊中,但通常建議使用 http 部分:

gzip on;
gzip_types text/plain text/css text/javascript image/svg+xml image/x-icon application/javascript application/x-javascript;
gzip_min_length 1000;
gzip_vary on;
gzip_proxied no-cache no-store private expired auth;
gzip_diable “MSIE [1-6];
保存並關閉文件後,您將需要重新啟動 Nginx。 為此,請使用以下命令:
sudo service nginx restart
重新啟動後,使用前面詳述的方法檢查以確保 GZIP 壓縮處於活動狀態。
為 Apache 啟用 GZIP 壓縮(通過編輯 .htaccess 文件)
如果您的虛擬主機使用 Apache,您將需要編輯.htaccess文件以啟用 GZIP 壓縮。 該文件可以通過文件傳輸協議 (FTP) 或您的文件管理器在 WordPress 安裝的根目錄中找到。 大多數 WordPress GZIP 壓縮方法都需要編輯.htaccess文件。
有兩個 Apache mods 可以用來啟用 GZIP,但是mod_deflate是最廣泛支持和最好記錄的選項。 要啟用mod_deflate ,請添加:
<IfModule mod_deflate.c>
# Compress HTML, CSS, JavaScript, Text, XML and fonts
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
AddOutputFilterByType DEFLATE application/x-font
AddOutputFilterByType DEFLATE application/x-font-opentype
AddOutputFilterByType DEFLATE application/x-font-otf
AddOutputFilterByType DEFLATE application/x-font-truetype
AddOutputFilterByType DEFLATE application/x-font-ttf
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE font/opentype
AddOutputFilterByType DEFLATE font/otf
AddOutputFilterByType DEFLATE font/ttf
AddOutputFilterByType DEFLATE image/svg+xml
AddOutputFilterByType DEFLATE image/x-icon
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/xml
# Remove browser bugs (only needed for really old browsers)
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0[678] no-gzip
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
Header append Vary User-Agent
</IfModule>
要改為啟用mod_gzip ,請添加:
<ifModule mod_gzip.c>
mod_gzip_on Yes
mod_gzip_dechunk Yes
mod_gzip_item_include file \.(html?|txt|css|js|php|pl)$
mod_gzip_item_include mime ^application/x-javascript.*
mod_gzip_item_include mime ^text/.*
mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*
mod_gzip_item_exclude mime ^image/.*
mod_gzip_item_include handler ^cgi-script$
</ifModule>
在使用任何一個 mod 之前,您需要備份您的.htaccess文件並確保模塊mod_filter在您的服務器上,否則可能會出現 500 錯誤。
繼續學習 WP Engine
減小網站頁面的大小可以減少加載時間並提高整體性能。 GZIP 壓縮可以實現這種減少,但只有當它被啟用時。
幸運的是,在 WP Engine 中,我們默認啟用 GZIP 壓縮。 更重要的是,我們提供出色的資源來幫助您了解如何為您的訪客打造出色的數字體驗!