【WordPress】啟動Gzip網頁壓縮-不外掛+外掛(二選1)

在WordPress中，想要讓網頁速度讀取加快，可以安裝快取的外掛來達成快取的功能，
而有一點功能並不是每個快取外掛就具備的，那就是「網頁gzip壓縮」。


「網頁gzip壓縮」可以讓把你的網頁檔案壓縮後檔案更小，傳輸更快，也能減少你主機的流量，如果想要把網頁速度做最佳的優化，「網頁gzip壓縮」是你必須是留意的一點。
上面說過，並不是每個快取外掛支援「網頁gzip壓縮」，例如常見的快取外掛「WP Super Cache」、「1 Blog Cacher」(輕巧型)、「hyper Cache」都具備了「網頁gzip壓縮」功能。
而以上的這些外掛雖然啟動了「網頁gzip壓縮」但是檢測出來卻沒有壓縮(點此檢測)，那你可能需要透過外掛「GZippy」來啟動，不過透過這個外掛來啟動時，記得原本的快取外掛內建的Gzip要關掉，否則可能造成衝突或造成網頁開不了的問題喔。

一、Gzip網頁壓縮-使用外掛

• 載點:點此 或在WP後台直搜安裝
• 功用:啟動主機Gzip封包壓縮(一般付費主機應都有支援)
• 教學:沒什麼教學，安裝後「啟動」它即可。
• 檢測:啟動後，請立即檢測你的網頁是否有被gzip壓縮了(點此檢測)。

二、Gzip網頁壓縮-不使用外掛

1、從Cpanel後台編輯”.htaccess”檔

(亦可以FTP去下載後編輯再上覆蓋)

2、貼上以下程式碼於”.htaccess”檔中

<IfModule mod_deflate.c>
# Insert filters
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/x-httpd-php
AddOutputFilterByType DEFLATE application/x-httpd-fastphp
AddOutputFilterByType DEFLATE image/svg+xml
# Drop problematic browsers
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0[678] no-gzip
BrowserMatch \bMSI[E] !no-gzip !gzip-only-text/html
# Make sure proxies don’t deliver the wrong content
Header append Vary User-Agent env=!dont-vary
</IfModule>

如下圖:

• 檢測:啟動後，請立即檢測你的網頁是否有被gzip壓縮了(點此檢測)。

三、前、後對照

有打開gzip網頁壓縮後，整個網頁的檔案就從140k縮減至32.9k，這樣的話會讓網頁開啟速度變的很快，
開啟秒數也從1.36s(秒)減至923ms(毫秒)。
▼用Chrome按F12並點network來觀察