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

1 Star2 Stars3 Stars4 Stars5 Stars (1已評分, 平均: 5.00 out of 5)
Loading...

在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來觀察

如果您喜歡這篇文章,請幫我們按個讚!

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *