• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
TechMoon 科技月球

TechMoon 科技月球

免費工具、WordPress、虛擬主機、 科技前端

  • 科技新知
  • 月球精選
  • 線上工具
  • 虛擬主機
    • Bluehost 主機
    • SiteGround 主機
  • WordPress
    • WordPress 教學
    • WordPress 主題
    • WordPress 外掛
  • 免費資源
  • 優惠資訊
  • 自我提升
    • Excel 教學
    • 網路行銷
  • Udemy 免費課程
  • 虛擬主機總覽
目前位置: 首頁 / WordPress / 如何快速在 WordPress 中啟用 GZIP 資料壓縮功能
如何快速在 WordPress 中啟用 GZIP 資料壓縮功能

如何快速在 WordPress 中啟用 GZIP 資料壓縮功能

Last Updated on 2019-01-24 By TechMoon 2 Comments

利益接露:當你從網站中的連結購買產品或服務時,某些連結可以讓我們獲得收入。
Bluehost 虛擬主機 4 折 60% OFF 優惠折扣
SiteGround 主機 3 折優惠 + WordPress 一鍵安裝完整教學
4 分鐘閱讀

想要在 WordPress 網站當中加快頁面的載入速度,減少網站頁面檔案大小是其中一個好方法。

當你縮小頁面的程式碼後,就能加快使用者和搜尋引擎在抓取網站索引時,瀏覽器讀取你的網站資訊內容的速度。

此時,啟用 GZIP 壓縮就能夠大大幫助你減少網頁檔案的大小,幫助你減少使用者端下載網站資源的時間,不僅能減少伺服器的負載,也能縮短網站首次顯示頁面的時間(TTFB)。

因此,在 WordPress 當中啟用 GZIP 資料壓縮功能對於網站優化以及速度優化來說,是相當不可或缺的一部份。

現在幾乎所有的 Web 瀏覽器都支持 GZIP 壓縮的請求,因此如果你想要透過啟用 GZIP 壓縮來提升 WordPress 網站的速度與性能的表現,那麼接下來就讓我帶你來看看「如何在 WordPress 當中啟用 GZIP 壓縮」吧!

目錄
1. 什麼是 GZIP 壓縮?
1.1. 透過 Google PageSpeed Insights 檢測 GZIP 壓縮
1.2. 透過 GTmetrix 檢測 GZIP 壓縮
1.3. 透過 Pingdom Tools 檢測 GZIP 壓縮
1.4. 透過線上工具檢測 Gzip 啟用狀況
2. 如何在 WordPress 當中啟用 GZIP 壓縮?
2.1. 使用 WordPress 外掛啟用 GZIP 資料壓縮功能
2.2. 在 Apache 伺服器上啟用 GZIP 資料壓縮功能
2.3. 在 NGINX 環境中啟用 GZIP 資料壓縮功能
2.4. 在 IIS 環境當中啟用 GZIP 資料壓縮功能
3. 結論
4. 你可能有興趣
5. 更多相關文章

什麼是 GZIP 壓縮?

GZIP 是一種檔案格式,同時也是一個軟體程式,應用於文件檔案壓縮與解壓縮。

GZIP 通常會在主機伺服器當中啟用,透過 GZIP 能夠減少 HTML 檔案、CSS 樣式和 JavaScript 檔案的大小。而圖片類型的檔案就無法透過 GZIP 來進行壓縮了,因為他們兩個是完全不同的檔案類型。

如果想要壓縮圖片,建議你可以採用 recompressor、squoosh…等等的圖片壓縮服務來進行圖片的優化。

有些網站光是單單啟用 GZIP 壓縮就能夠減少 75% 的檔案大小。

因此,在我們使用 WordPress 與優化 WordPress 的時候,啟用 GZIP 壓縮就成為了優化速度與性能的方法之一。

在我們消除了任何不必要的資源之後,下一步就是將瀏覽器必須下載的剩餘資源總大小縮減至最小,也就是進行壓縮程序。根據資源類型 (文字、圖片、字型等),我們有許多不同的技術可以選用,例如可以在伺服器上啟用的通用工具、適用於特定內容類型的預先處理最佳化,以及需要開發人員輸入的特定資源最佳化。

Ilya Grigorik

Ilya is a Developer Advocate and Web Perf Guru

當 Web 瀏覽器瀏覽網站時,首先它會查看網站是否提供「content-encoding:gzip」來辨別網站是否提供與啟用 GZIP 檔案壓縮功能。

如果有,那麼瀏覽器就會載入由 GZIP 所提供的較小的檔案文件。

如果沒有,那麼就會載入原始大小的網站檔案。

想要知道你的網站有沒有啟用 GZIP 的方式有很多,你可以透過 Google PageSpeed Insights、GTmetrix 或是 Pingdom Tools 等線上測速工具來檢測網站是否啟用 GZIP 壓縮。

透過 Google PageSpeed Insights 檢測 GZIP 壓縮

透過 Google PageSpeed Insights 可檢測網站是否啟用 GZIP 壓縮
透過 Google PageSpeed Insights 可檢測網站是否啟用 GZIP 壓縮

如果你的網站有正確啟用 GZIP 壓縮功能,那麼透過 Google PageSpeed Insights 檢測出來的畫面就會類似上圖所示。

透過 GTmetrix 檢測 GZIP 壓縮

透過 Gtmetrix 可檢測網站是否啟用 GZIP 壓縮
透過 Gtmetrix 可檢測網站是否啟用 GZIP 壓縮

如果你的網站沒有正確啟用 GZIP 壓縮功能,那麼透過 GTmetrix 檢測出來的畫面就會類似上圖所示。

透過 Pingdom Tools 檢測 GZIP 壓縮

透過 Pingdom Tools 可檢測網站是否啟用 GZIP 壓縮
透過 Pingdom Tools 可檢測網站是否啟用 GZIP 壓縮

如果你的網站沒有正確啟用 GZIP 壓縮功能,那麼透過 Pingdom Tools 檢測出來的畫面就會類似上圖所示。

透過線上工具檢測 Gzip 啟用狀況

  • https://www.giftofspeed.com/gzip-test/
  • https://varvy.com/tools/gzip/
  • https://smallseotools.com/check-gzip-compression/

如何在 WordPress 當中啟用 GZIP 壓縮?

剛剛提到啟用 GZIP 壓縮的好處多多,那麼如果你從來沒有優化過,那麼該如何才能在 WordPress 網站當中啟用 GZIP 呢?

使用 WordPress 外掛啟用 GZIP 資料壓縮功能

這個方式是在 WordPress 當中啟用 GZIP 最簡單的方式,那就是透過 WordPress 外掛來啟用 GZIP 資料壓縮功能。

舉例來說,WP Rocket 緩存快取外掛就有提供「mod_deflate」Module,自動幫你在 .htaccess 檔案當中加入 GZIP 資料壓縮的程式碼規則。

當你使用有提供 GZIP 壓縮功能的外掛時,通常就能夠非常輕鬆地幫你的 WordPress 網站啟用 GZIP 資料壓縮功能。

在 Apache 伺服器上啟用 GZIP 資料壓縮功能

即便你今天不是使用 WordPress 建立網站,只要你是使用 Apache 的環境,你就還是可以透過編輯 .htaccess 檔案來手動添加程式碼規則來啟用 GZIP 資料壓縮。

由於大部分的虛擬主機都是使用 Apache,因此你在虛擬主機的根目錄底下都可以找到「.htaccess」這個檔案。

只要透過 FTP 或是主機所提供的檔案管理系統,都可以找到「.htaccess」並對他行編輯。

.htaccess 檔案添加 GZIP 程式碼規則如下:

PHP

或是你也可以使用以下程式碼規則啟用 GZIP 資料壓縮功能:

PHP

上面兩個規則隨便取其中一個使用就可以了。

以下使用 WordPress 的 .htaccess 檔案作為範例:

在 .htaccess 當中手動加入程式碼規則啟用 GZIP
在 .htaccess 當中手動加入程式碼規則啟用 GZIP

即使你不是使用 WordPress 網站,也是擁有 .htaccess 這個檔案,因此照樣寫入上面的程式碼規則即可。

在 NGINX 環境中啟用 GZIP 資料壓縮功能

如果你的網站伺服器的環境是使用 NGINX 而非 Apache 的話,那麼在 NGINX 環境當中你需要將程式碼規則加入到「nginx.conf」這個文件當中才能生效。

C

在 IIS 環境當中啟用 GZIP 資料壓縮功能

如果你的網站伺服器的環境使在 IIS 上運行的,此時你應該會有兩種不同類型的 GZIP 壓縮,分成動態和靜態。

想要了解更多有關在 IIS 上啟用 GZIP 資料壓縮功能,建議你前往 Microsoft 官網查閱如何啟用壓縮的教學。

結論

以上就是 GZIP 資料壓縮的介紹與如何在 WordPress 當中開啟 GZIP 資料壓縮功能的方法。

我建議你最好最快的方式就是使用 WordPress 外掛來幫助你啟用 GZIP 資料壓縮的功能,不僅省時省力,如果搭配有緩存快取功能的外掛(例如:WP Rocket),那麼不僅啟用 GZIP,還順便幫你的網站加上緩存快取功能,讓你網站速度變得更快呢!

你的網站速度表現如何?不妨留言告訴我你的網站使用 Google PageSpeed Insights 所測得的分數吧!

你可能有興趣

  • 如何優化 WordPress 網站,提升網站速度?初學者也能自己優化網站的 4 個方法
  • 什麼是 Waiting TTFB 加載時間過長? 3 步教你如何在 WordPress 當中優化 TTFB 速度
  • 如何修復 WordPress 網站無法顯示更新後最新內容的問題?
  • SiteGround SG Optimizer – 免費又強大的 WordPress 緩存快取外掛,加快網站速度的好幫手
  • 14 個最佳 WordPress Cache Plugins 緩存快取外掛推薦 – 2020 免費/付費通通有
  • 6 個實用的小技巧,告別 WordPress 網站速度變慢的問題,加速你的 WP 網站
  • 2020 年網站頁面載入速度對於 Google SEO 排名的影響
  • Just Highlight – 在文章中添加螢光筆標記功能,讓使用者在瀏覽時能輕易分辨重點內容
  • SiteGround for COVID-19 – WordPress 主機每月僅需 $0.33 美元,特惠 $0.99 美元即可購買 3 個月主機
  • 新手如何挑選 WordPress 主題?免費與付費主題的差異與建議 (2020 更新)
  • Cloudflare Workers™ – 在 Cloudflare Edge 中加入 Script 規則,實現流量過濾與提升網站快取加速能力
  • 如何使用 EasyEngine v4 安裝 WordPress – 以 GCP 為例

更多相關文章

  • 【WordPress 付費主題免費下載】DONA - Creative Multi-Purpose Parallax WordPress Theme
  • DemosWP - 免費快速建立 WordPress 測試網站,提供 SSL、phpMyAdmin 與 SFTP 功能
  • 新手如何挑選 WordPress 主題?免費與付費主題的差異與建議 (2020 更新)
  • 6 個實用的小技巧,告別 WordPress 網站速度變慢的問題,加速你的 WP 網站
  • 戰國策虛擬主機評價(2021 年 1 月)- 專屬優惠 8 折 20% OFF 優惠券,台灣 WordPress 架站的好選擇
  • 2021 最新 34 個推薦可商用免版權線上免費圖片,各種風景素材背景圖片、影片素材免費圖庫懶人包!
  • 【WordPress 付費主題免費下載】Ariana - Digital Agency One Page WordPress Theme
  • Bluehost 教學 - 2020 Black Friday/Cyber Monday 70% 特價優惠 - 全年最低價格每月低至 $2.65 美元
  • DreamHost 主機評價(2021 年 1 月)- 醉心折價優惠每月最低 $2.59 美元,一鍵快速安裝 WordPress 網站心得教學
  • 【WordPress 付費主題免費下載】Asra - Minimalist Photography Portfolio WordPress Theme
  • 網站速度測試分析與優化指南
  • WordPress vs Blogger 哪一個比較好?

如果你喜歡這篇文章,請幫我們將這篇文章分享出去。你也可以在 Facebook 與 Instagram 上按讚追蹤我們,也歡迎加入 Facebook 粉絲團和我們一同交流!

所屬分類: WordPress 標籤: Apache, Google PageSpeed Insights, GTmetrix, GZIP, htaccess, IIS, NGINX, Pingdom Tools, WordPress, WordPress 優化, WordPress 功能, WordPress 加速, WordPress 外掛, WordPress 性能, WordPress 教學, 優化速度, 壓縮圖片, 快取, 快取外掛, 提升性能, 減少檔案大小, 緩存, 緩存外掛, 縮小檔案大小, 資料壓縮

讀者互動

Comments

  1. sophia ting says

    2019-04-09 at 01:32:27

    請問我已加入以上程式碼,可是測出來Enable gzip compression仍是F(0)
    請問要如何修正?

    回覆
    • Sliven 褚崇名 says

      2019-04-09 at 09:41:26

      這種情況發生的原因有很多種,或許是您的網站or主機擁有快取您尚未清除,也或者是您所使用的虛擬主機不支援or它自身擁有另外GZIP啟用的功能。

      除此之外,您的主機or網站所使用的壓縮方法可能是「br」(或許你有安裝一些優化外掛),因此用 GZIP 測出來的結果會是(0),但實際上您的網站已經有壓縮了(壓縮方法為 br)。

      回覆

發佈留言 取消回覆

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

Primary Sidebar

追蹤我們

站內搜尋

最新文章

  • 【WordPress 付費主題免費下載】Regn | Multi-Purpose WordPress Theme
  • PureVPN – 超好用的 VPN 翻牆工具,超過 180 個國家伺服器,可跨區觀看 Netflix 各國影集
  • 【WordPress 付費主題免費下載】Bufet – Multi Concept Software & App Landing WordPress Theme + RTL
  • 【WordPress 付費主題免費下載】Danni — Minimalist WordPress Blog Theme
  • Free Deca UI Kit – 簡潔 UI Kit 素材免費下載,提供 Figma 與 Sketch 設計軟體格式
  • OFFF.to – 無須註冊免費縮短網址服務,可直接在網址列當中縮短網址並獲得分析數據
  • (2021 年 1 月)A2 Hosting 評價 – 每月 $2.99 美元折扣優惠,WordPress 一鍵安裝虛擬主機推薦高達 66% OFF
  • 如何解決 WordPress 中「目前正在執行另一項更新程序」導致無法升級/更新的問題
  • 【WordPress 付費主題免費下載】Kallem – Creative Portfolio WordPress Theme
  • 【WordPress 付費主題免費下載】GlobeCo – Transportation & Logistics WordPress Theme
Bluehost best deal from TechMoon$2.95/月
Bluehost 獨家優惠
現在透過 TechMoon 專屬優惠折價券購買 Bluehost 主機,享有每月 $2.95 美元的獨家超低優惠價格,要搶要快!
自動套用優惠
立即購買!

熱門內容

  • DemosWP - 免費快速建立 WordPress 測試網站,提供 SSL、phpMyAdmin 與 SFTP 功能
  • 3 分鐘了解 WordPress.com 與 WordPress.org 之間的分別與差異
  • 6 個實用的小技巧,告別 WordPress 網站速度變慢的問題,加速你的 WP 網站
  • SiteGround SG Optimizer - 免費又強大的 WordPress 緩存快取外掛,加快網站速度的好幫手
  • 2021 最新 34 個推薦可商用免版權線上免費圖片,各種風景素材背景圖片、影片素材免費圖庫懶人包!
  • 【WordPress 付費主題免費下載】Asra - Minimalist Photography Portfolio WordPress Theme
  • Bluehost WordPress 教學 - 詳細圖文教你如何從購買主機到安裝 WordPress 網站 Bluehost 中文教學
  • 14 個最佳 WordPress Cache Plugins 緩存快取外掛推薦 - 2020 免費/付費通通有
  • Hostinger 主機評價 (2020 年 12 月) - 90% 優惠折扣每月僅需 $0.99 美元,一鍵建立 WordPress 網站教學
  • SiteGround 主機評價(2021 年 1 月)- 虛擬主機 + WordPress 網站一鍵安裝完整教學

相關文章

  • 【WordPress 付費主題免費下載】Royal – Responsive One Page Parallax WordPress Theme
  • 如何修復 WordPress 出現 500 Internal Server Error 的解決方法
  • 6 個實用的小技巧,告別 WordPress 網站速度變慢的問題,加速你的 WP 網站
  • 000Webhost – 免費虛擬主機推薦,免費空間讓你練習架設 WordPress 網站沒煩惱!
  • ShortPixel – 免費線上圖片壓縮服務,高壓縮比率且圖片不失真,支援 WordPress 外掛自動優化上傳圖片!
  • 【WordPress 付費主題免費下載】Kallem – Creative Portfolio WordPress Theme
  • WPWebHost 架站教學(2021 年 1 月)- 每月 $3 美元一鍵建立 WordPress 詳細架站教學
  • 如何讓使用者在 WordPress 中檢舉不當留言並回報給網站管理員
  • Filester – File Manager Pro ,取代 FTP、SFTP 直接在 WordPress 後台中存取檔案資料
  • Compressor.io – 免費線上圖片壓縮工具,上限 10 MB 並支援 JPEG, PNG, SVG, GIF 與 WEBP 檔案格式
Bluehost 虛擬主機 4 折 60% OFF 優惠折扣
SiteGround 主機 3 折優惠 + WordPress 一鍵安裝完整教學
TechMoon 科技月球 © 2021.
Theme by StudioPress
DMCA.com Protection Status
  • 免責聲明