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

FACY

我是小訣行銷工作室的Facy,這是我第二個網站專寫用來寫文章的,我喜歡寫部落格來記錄「把不會變會」的事,也喜歡教別人寫部落格,更有替人架設部落格網站的服務(就像本站)。
專長是WordPress客製化架站,且凡是網路行銷相關都興趣十足,特別是「關鍵字&內容行銷」! 目前主要是專職部落客網站接案製作架站教學,歡迎找我聊聊。

  • 如果您不用寫程式就能架站有興趣的話,可以加入FB社團一起交流。
  • 如果您需要更系統性的學習WordPress,歡迎參考我的線上課程或報名一對一家教班,或公開班(不定時配合開課單位開課)。
  • 如果您想當部落客且想要自架部落格網站且有自己網址,我也能替您服務或顧問式輔導架站
  • 架設網站請找我,點此看作品
0 0 vote
為本文評分
訂閱
通知
guest
2 Comments
最新
最舊 最多人投票
Inline Feedbacks
查看所有評論
coco_chen
coco_chen
1 year ago

嗨! 謝謝你提供這項介紹,不過我在我的wp使用不外掛的埋code方式,結果卻顯示”Internal Server Error”,請問是因為這是兩年前的文所以不適用了嗎? 謝謝~

如果您想收到新文章的通知,可以留下您的Email

我保證不會亂寄廣告信給你!

站內搜尋

訂閱本站

如果您想收到新文章的通知,可以留下您的Email

我保證不會亂寄廣告信給你!

小訣行銷工作室

如果需要架站(包含像本站類型部落格網站)、網頁設計教學服務、業配需求,歡迎參考小訣行銷工作室

贊助與鼓勵

您好,

如果我的網路筆記剛好有幫到您,不妨請我喝杯咖啡吧!😊