fbpx
首頁 » WordPress » WordPress 外掛 » 【WordPress教學】WP Rocket 完整設定教學,提高你的網頁速度!

【WordPress教學】WP Rocket 完整設定教學,提高你的網頁速度!

文章最後更新於

本篇文章會教大家如何設定 WP Rocket,並且帶大家瞭解每個設定的用途。

WP Rocket 是我目前最喜歡的 WordPress 快取外掛,也是許多人公認第一名的快取外掛。

如果想要提高你的網頁速度,一定要試試看這個外掛。

【WordPress教學】WP Rocket 完整設定教學,提高你的網頁速度!
【WordPress教學】WP Rocket 完整設定教學,提高你的網頁速度!

還沒有取得 WP Rocket 嗎?

快點下載排名第一名的 WordPress 快取外掛!

取得 WP Rocket

 

什麼是快取?

快取是運算中用來存放資料子集的高速資料儲存層,通常是暫時性的,因此未來請求該資料時會比存取資料的主要儲存位置速度更快。快取可讓您有效率地重複使用之前擷取或運算的資料(參考AWS)。

具體一點的例子來說,今天我瀏覽一個網站,我的瀏覽器替我在那個網站存留一些暫存資料,當我下一次瀏覽該網頁時,可以更快速的載入網頁。

一般來說,快取對於擁有大量資料、圖片的網頁是不可缺少的功能!

 

WP Rocket 介紹

WP Rocket 在 2014 年創立,從那時候開始,每年都會被許多 WordPress 專家推薦,更是許多人心目中排名第一的快取外掛。

WP Rocket 最強調的特色就是 「Simplicity First」,他們將許多繁瑣的步驟製作成一鍵完成,讓使用者可以輕鬆提升網頁速度。

此外,幾乎所有速度測試網頁的評分項目,都可以在WP Rocket中設定完成,常見的測試網站像是:Pingdom PageSpeed Insights 、GTmetrix 

 

完整設定教學

如果你還沒有購買 WP Rocket ,請先點下方連結。

取得 WP Rocket

購買完成後,會有一個連結可以下載一包zip,在 WordPress 上傳外掛選擇這包zip,即可開始使用 WP Rocket。

啟用成功後,會看到下圖畫面。

WP Rocket 啟用成功
WP Rocket 啟用成功

接下來會教大家如何設定 WP Rocket。

注意!在設定之前請先備份網站,設定過程中會對資料庫產生影響!

【WordPress教學】5分鐘教你如何使用 UpdraftPlus 定期備分並且上傳雲端

 

快取

行動裝置快取可以針對行動裝置的網站速度載入更快。

使用者快取我不選擇,因為我的網站只有我自己管理,如果你的網站有許多使用者,可以勾選。

快取生命週期是指快取的留存時間,我選擇10小時,可以選擇更多!

快取
快取

檔案最佳化

基本設定

基本上這邊三個都勾選,沒什麼太大問題。

檔案最佳化-基本設定
檔案最佳化-基本設定

CSS 檔案

這裡我選擇壓縮CSS最佳化CSS分派

檔案最佳化-CSS檔案
檔案最佳化-CSS檔案

合併 CSS 檔案這個選項,需要看你的網站 HTTP 類型,如果是 HTTP/2 就不建議開啟

要測試自己的網站是不是 HTTP/2 可以到此網站測試:HTTP/2 Test

這裡因為速度測試網站不會在乎你是不是HTTP/2,所以沒有合併分數都會較低,但這個測試項目僅供參考!

HTTP2 Test
HTTP2 Test

JavaScript 檔案

這裡我選擇的設定如下圖,合併 JavaScript 檔案千萬不要開啟,很容易造成外掛失效、Google 廣告違反規則!

非同步載入 JavaScript 可能會跟網站衝突,如果發生問題可以不要勾選。

檔案最佳化-JavaScript檔案
檔案最佳化-JavaScript檔案

 

媒體

圖片延遲載入是讓你的網頁滑到圖片位置的時候,才依序載入。

如果沒有開啟這項設定,網頁會在一開始就把所有圖片載入完成,這會嚴重影響載入時間。

表情符號會讓你的網頁針對每個符號都做一個外部的 HTTP 請求,影響載入時間。

內嵌我沒有選擇,我覺得沒必要。

媒體
媒體

 

預先載入

預先載入網站地圖(sitemap)可以讓瀏覽器在最開始就先載入你網頁中的所有頁面,這裡可以搭配 SEO 外掛使用。

如果沒有 SEO 外掛的,就在下面貼上自己的網站地圖。

預先取得DNS請求可以讓外部檔案請求更快速,常見的有google、youtube、addthis等等。

如果不會設定的,可以抄我的設定。

//maps.googleapis.com
//maps.gstatic.com
//fonts.googleapis.com
//fonts.gstatic.com
//ajax.googleapis.com
//apis.google.com
//google-analytics.com
//www.google-analytics.com
//ssl.google-analytics.com
//youtube.com
//api.pinterest.com
//cdnjs.cloudflare.com
//pixel.wp.com
//connect.facebook.net
//platform.twitter.com
//syndication.twitter.com
//platform.instagram.com
//disqus.com
//sitename.disqus.com
//s7.addthis.com
//platform.linkedin.com
//w.sharethis.com
//s0.wp.com
//s.gravatar.com
//stats.wp.com

預先載入
預先載入

 

進階規則

進階規則主要是設定那些頁面不要快取,可能是常常更新的頁面,這裡我沒有設定。

進階規則
進階規則

 

資料庫

這裡就是要大家一定要先備份的主要原因,因為要優化資料庫

WordPress 的資料庫非常重要,但也常常存了許多過期的資料,所以要定期清理。

這裡我會全部都勾選,進行第一次的最佳化,並且設定每周自動清理一次

 

資料庫
資料庫
資料庫自動排程
資料庫自動排程

 

CDN

WP Rocket 也有搭配 CDN 的整合,我沒有需求,所以我沒設定。

本站的圖片 CDN 是採用 Jetpack,可以參考這篇文章:【WordPress教學】強大的官方推薦外掛,Jetpack完整設定教學!

CDN
CDN

 

HEARTBEAT

Heartbeat 是一個 WordPress 的 API 模組,admin-ajax.php 會在 Web 瀏覽器、伺服器之間的連接,常常發出 Post 請求頻率的行為,若是發出過多的話,可能會讓主機資源負荷而效能變差。(參考坂本Blog)

這裡可以設定限制 Post 請求的頻率,減緩主機的負荷,照著我的設定即可。

Heartbeat
Heartbeat

 

附加功能

附加功能可以一鍵設定其他服務的快取,如果有用到的服務就開啟,不需要多做設定。

附加功能-1
附加功能-1

如果你是像我一樣採用 Cloudflare 的服務的話,可以開啟此功能,讓 WP Rocket 調配。

附加功能-2
附加功能-2

 

工具

這裡可以把你的設定匯出,可以在其他網站匯入,也可以安裝舊版本。

工具
工具

 

選單功能

平常在操作網站的時候,如果你更新文章之後,發現有頁面沒更新的情況,就在這裡點選清除快取

選單功能
選單功能

 

速度比較

我的速度比較是以本站來當作測試,採用三個平台:Pingdom PageSpeed Insights 、GTmetrix 

其中又分為三種類型: 停用 WP Rocket啟用 WP Rocket特別調速

特別調速僅供參考,基本上照著我上面教學的設定即可。

 

Pingdom

停用 WP Rocket

Pingdom Origin

啟用 WP Rocket

Pingdom Normal

特別調速

Pingdom Fast

 

 

PageSpeed Insights 手機板

停用 WP Rocket

PageSpeed Mobile Origin

啟用 WP Rocket

PageSpeed Mobile Normal

特別調速

PageSpeed Mobile Fast

 

 

PageSpeed Insights 電腦版

停用 WP Rocket

PageSpeed PC Origin

啟用 WP Rocket

PageSpeed PC Normal

特別調速

PageSpeed PC Fast

 

GTmetrix

停用 WP Rocket

GTmetrix Origin

啟用 WP Rocket

GTmetrix Normal

特別調速

GTmetrix Fast

 

分析

我特地用了三個平台、三種方式,就是為了展現 WP Rocket 的差異。

但同時也希望大家不要陷入分數迷思,每一項分數都可以針對他去做調整,所以我多了一個特別調整的版本,但其實就是把首頁的功能性減少CSS壓縮JS壓縮

我們使用快取外掛的重點在於:提升使用者停留率

只要速度在一定的水準,使用者都不會因為速度而離開,但同時還是要保有網站的功能性(即使會降低速度)。

我自己最重視的點是載入時間(Loading Time)的減少

 

結論

本篇文章提供我自己對於 WP Rocket 的見解以及完整設定教學,並且針對速度做出差異比較。

再次希望大家不要陷入分數迷思,網頁不只是越快越好,而是在速度與功能間取得最佳的平衡

如果看完覺得 WP Rocket 不錯的,趕快趁現在優惠期間購買,不然下次優惠不知道要等多久了!

取得 WP Rocket

我推薦 WP Rocket 的三個原因

1. 一鍵輕鬆設定

2. 整合非常多的服務

3. 全面性的快取,速度差異改善許多



WordPress 線上課程推薦

阿璋正在籌備 WordPress 線上課程,如果有興趣的人,歡迎點擊下方連結。

WP 全方位架站攻略

從 0 開始建立部落格

站長之路手把手教你如何透過部落格開始賺錢,內容包含 WordPress、部落格經營、網路行銷,帶你成為一個成功的部落格站長!

查看站長之路

WordPress 架站推薦

新手架站:【架站教學】專門為WordPress打造的主機?WPWebHost 完整教學!

高流量網站:【架站教學】新手快速架站教學,使用Cloudways架設WordPress網站!

新手必看: WordPress 必裝主題與外掛推薦、學習管道、最新優惠統整!

學習更多:查看我是如何透過 WordPress 架設部落格,賺取人生第一桶金!



WordPress 學習書籍推薦

WordPress 無敵架站手冊:架站新手都想擁有:教你打造個人專屬網站

WordPress 無敵架站手冊
WordPress 無敵架站手冊

書籍介紹

這本書教你從零開始建立起一個全功能的WordPress網站,從下載與安裝WordPress主軟體開始到連結、媒體、選單、圖像、展示區、管理、用家建檔等等。 甚至還有教你如何開發主題、外掛、小工具,從入門到進階的教學都很完整。

推薦原因

這本書原作者是波蘭人,原文是英文,後來經由免費資源網路社群的作者 Pseric 翻譯成中文書。 WordPress 目前的中文書可說是少之又少,這本不僅是中文書,內容又非常完整,絕對是學習WordPress的首選書籍!

購買 WordPress 無敵架站手冊

WordPress Plugins百大外掛精選(火力加強版)

WordPress Plugins百大外掛精選(火力加強版)
WordPress Plugins百大外掛精選(火力加強版)

書籍介紹

這本書教你從基礎架站、備份保存到各式各樣的外掛主題,讓你想裝什麼就裝什麼,建置專屬自己獨一無二的多功能發佈平台。 作者特別精選了各類型的外掛做介紹,只要你想的到的功能幾乎都在裡面,匯集了讀者們一直喜愛的外掛程式介紹,並且添加了最新的外掛程式,更貼近現在的讀者需求。

推薦原因

這本書作者是免費資源網路社群的作者 Pseric,他的網站知名度非常的高,也是透過 WordPress 架設而成,因此對於外掛的理解,絕對是數一數二。

購買 WordPress Plugins 百大外掛精選(火力加強版)

我正在籌備 WordPress 線上課程,有興趣的歡迎先加入等候名單,獲得第一手優惠資訊:WP 全方位架站攻略

12篇文章手把手教你如何透過部落格開始賺錢:站長之路

工具王阿璋的創立過程:聯盟行銷大師班評價

我靠聯盟行銷賺進人生第一桶金:聯盟行銷是什麼? 我靠聯盟行銷 11 個月賺進百萬

透過 YouTube 建立年收百萬的品牌:【YouTube 賺錢】百萬品牌網路事業訓練課程評價 | Yale Chen 是誰?

輕鬆投資美股的方式:【美股 ETF】爽賺 45 K? Yale Chen 美股課程評價

如果對文章內容有任何問題,歡迎在底下留言讓我知道。

如果你喜歡我的文章,可以按分享按鈕,讓更多的人看見我的文章。

歡迎按讚我的粉絲專頁,會有最新文章、程式語言課程、WordPress主題外掛優惠的訊息。

追蹤我的Instagram,最近有一系列的#不務正業工程師、#工程師之路!

阿璋也陸續開始拍攝影片,訂閱我的 Youtube 頻道,並開啟小鈴鐺~

如果這篇文章對你有幫助,可以幫我在下方按 5 個Like,讓我得到一些回饋,支持我繼續寫出更多好文章!

阿璋有創立一個社團,歡迎加入!
WordPress / 部落格經營 / 網路行銷 | Johntool-工具王阿璋


加入我的 Telegram 頻道,這是一個阿璋的小天地!

本站有部分連結與商家有合作關係,透過我的連結購買,我會獲得少數佣金,讓我可以持續營運網站,但並不會影響您的任何權益,詳情查看免責聲明

如果我的文章對你有幫助,歡迎贊助我一杯咖啡!

贊助我一杯咖啡

文章引用請來信索取授權,否則將保留法律追訴權。

by Johntool-工具王阿璋

 

8 thoughts on “【WordPress教學】WP Rocket 完整設定教學,提高你的網頁速度!”

發表迴響

Scroll to Top