WP Rocket教學 – 提升WordPress速度的關鍵,網站收入倍增就靠他

WP Rocket教學 – 提升WordPress速度的關鍵,網站收入倍增就靠他
WP Rocket教學 - 提升WordPress速度的關鍵,網站收入倍增就靠他

免費建立被動收入教學

WP Rocket教學 - 提升WordPress速度的關鍵,網站收入倍增就靠他
免費教你開始建立被動收入

這篇 WP Rocket教學 會來教你如何設定,讓你的WordPress網站速度更快速

架設網站的關鍵在於「網站速度」,速度快的網站才讓使用者願意停留在你的網站上,甚至是購買你的商品或服務

試想,如果進到一個網站要等個30秒,你還願意等下去嗎?

WP Rocket 這款WordPress外掛就可以有效幫助你提升網站速度,有了速度之後,SEO效果 才會更加分,更加促進客戶購買商品或服務

如果你也想要 WordPress網站更快速的話,那絕對不能錯過這款WordPress加速外掛

立即取得WP Rocket

瞭解網站速度的關鍵

每個網站都是由一個「主機伺服器」,加上一個 「網站」 組合而成,這兩者的優化好壞都會影響「網站速度」的運作,這背後有更多的程式技術我們先不談,說點比較好理解的方式讓你瞭解

當我們在瀏覽網站的時候,也就是你在使用的瀏覽器,稱為客戶端,每看到的頁面資料,包含圖片、文字等等,都需要連到 主機(伺服器)去要資料,然後再顯示到你的畫面上

在瀏覽一個網頁的過程中,其實會走了很長遠的一段路,每一段路如果不順暢的話,就會影響你看網站的速度,這個我們就會有感很多

所以說,「主機伺服器」的快慢跟「網站」的速度優化 就會是最重要的重點

網站主機方面可以選擇大新哥推薦的這5個,都是速度不錯的主機

分別是 DreamHostBleuhostA2 HostingCloudwaysKinsta

DreamHost

適合用來做部落格網站、形象網站
每月費用2.59美金.每月大約台幣72元
50GB儲存空間
無限網站流量
WordPress官方推薦主機

使用 DreamHost 架站

Bleuhost主機

適合用來做部落格網站、形象網站、購物網站
每月費用2.95美金.每月大約台幣83元
50GB儲存空間
無限網站流量
WordPress官方推薦主機

使用Bleuhost架站

A2 Hosting

適合用來做部落格網站、形象網站、購物網站、線上課程網站、會員網站
每月費用2.99美金,每月大約台幣85元
100GB超大儲存空間
無限網站流量

使用A2 Hosting架站

Cloudways

適合用來做部落格網站、形象網站、購物網站、線上課程網站、會員網站
每月費用12美金,換算台幣大約360元
25GB儲存空間
1TB網站流量

免費試用Cloudways主機3天

Kinsta

適合高流量型網站,例如 部落格網站形象網站購物網站線上課程網站課程網站平台多國語言網站、會員網站
每月費用35美金,換算台幣大約 980元
10GB儲存空間
25,000網站流量

我要用Kinsta架站

Google也發佈過公告訊息,網站速度與效能會列為 SEO評分 的標準依據,所以選對 主機 之後,至少可以提升網站速度70%以上

那接下來就是網站優化的部份,所以我們要認識一下 網站加速的秘密 – WP Rocket

延伸閱讀:
SEMrush教學 – SEO排名第一的秘密,提升10倍網站流量

什麼是 WP Rocket?

WP Rocket 是一款用於 WordPress 的快取外掛,可以有效的幫助你縮短網站載入的時間,進而提升網站的速度,不需要任何的技術來安裝和設定外掛,在使用者和開發人員中非常受歡迎

設定的介面也非常的人性化,只要點一下就可以馬上開啟或關閉選項和自動優化功能,讓初學者也可以輕鬆使用

WP Rocket 快取可以幫助網站快速載入,對於提高SEO排名和訂單轉換率非常的重要,功能也強大,是WordPress必裝的一款外掛

前往WP Rocket官網

什麼是 WordPress 快取?

網站快取(Web Cache) 是一種儲存網站資料的技術,主要目的是要讓你在瀏覽網站的時可以更快速呈現

像是你在瀏覽網站時,所看到的圖片、文字、內容等等,都需要先跟「主機」要一份檔案,然後再提供給你瀏覽

主機需要從資料庫裡去搜尋資料,所以時間會比較久

所以這時候就產生了「快取」這類的技術,會將所有的網站內容建立一份快取檔案,儲存在伺服器或瀏覽器中,這樣以讓網站的載入速度比第一次進入網站的時候快很多

WP Rocket 可以提高網站速度嗎?

WP Rocket 優化了WordPress網站的快取方式,不僅僅可以加速網站,還可以壓縮Html、CSS、 javascript等程式語言,縮小網站檔案之外,也可以設定壓縮圖片 及 延遲載入的功能,重新組織網站檔案來加快網站速度

網站檔案愈小,載入速度就會愈快

WP Rocket 特色?

WP Rocket有完整的進階選項和設定,可以幫助你提升網站效能,像是下面這些

快取功能

WP Rocket 的快取選項可以幫助WordPress網站建立快取檔案,減少網站從資料庫中查詢的動作

建立快取檔案後,就是將網站的結果打包成靜態頁面,直接讓使用者觀看,就不需要再從資料庫抓資料,速度就會快很多,這也是最核心的功能

檔案優化和縮小

檔案優化也是讓網站速度變快的重點之一

外掛提供了最小化 CSS、Javascript、html 等程式,檔案縮小之後,表示載入時間縮短,就可以很快速的呈現內容給使用者觀看

一般網站的程式檔案非常多個,每個都需要讀取到網站中 才能正常顯示,外掛中也有合併檔案的功能可以使用,載入1個檔案跟載入10個速度差很多,也可以設定排除程式檔案 ,避免因為合併而造成網站錯誤的現象

還可以延遲載入程式檔案,優先顯示內容給使用者觀看,避免讓使用者因為速度慢而讓使用者快速離開

預先載入

預先載入功能會先建立一份檔案,可以讓訪客更快速的瀏覽網站的內容,讓使用者不用等太久時間就可以看到網站內容,常見的有Google、Youtube、facebook等等

如果你不知道怎麼設定的話,可以直接複製下面內容貼上

//fonts.googleapis.com
//fonts.gstatic.com
//google-analytics.com
//www.google-analytics.com
//ssl.google-analytics.com
//www.googletagmanager.com
//googleads.g.doubleclick.net
//adservice.google.com
//pagead2.googlesyndication.com
//tpc.googlesyndication.com
//youtube.com
//connect.facebook.net
//platform.instagram.com
//cdnjs.cloudflare.com
//pixel.wp.com
//s0.wp.com
//s1.wp.com
//s2.wp.com

更多完整列表可以看這裡,記得不要全部貼上

資料庫優化

在建立WordPress頁面或文章的時候,網站中會建立一堆的文章草稿、暫存資料、內容修訂等等,還有垃圾筒中的一些資料

這些也會造成網站的資料庫肥大,降低網站的速度,這個外掛可以設定自動清除或者手動清除這些網站垃圾,非常的方便

Heartbeat選項

Heartbeat API 是一個WordPress 內建的功能,幫助提供前端做更新,是一個很棒的工具,但有時候也會限制網站速度,也可能會被DDOS攻擊利用,使用WP Rocket可以控制這個部份

WP Rocket 價格方案

比較特別的地方是,這個外掛只有付費版,而沒有免費版,不過功能完整又強大,可以有效提高網站速度,覺得價格是划算的

Single方案

價格49 美元/年,可架設1個網站、1年免費更新與支援

Plus方案

價格99 美元/年,可架設3個網站、1年免費更新與支援

Infinite方案

價格249 美元/年,可架設無限網站、1年免費更新與支援

WP Rocket沒有複雜的方案內容,所有方案的功能都一樣,差別在於網站數量的不同而以,所以可以針對你所需要的網站數量來做選擇

如果你要使用的網站有超過5個的話,可以考慮購買Infinite方案比較划算

WP Rocket價格方案
WP Rocket價格方案

WP Rocket 外掛安裝及設定

下載並且安裝外掛

step 1

首先,前往 WP Rocket網站,點選右上角的 Buy WP Rocket購買外掛

前往購買WP Rocket

網站加速的最佳工具 - WP Rocket
網站加速的最佳工具 – WP Rocket

step 2

依照你的網站數量來決定購買的方案,如果有超過5個網站以上的的話,選擇 Infinite 方案會比較划算

對了,購買後的第二年享有7折的續約優惠,以Single方案來說,第一次購賣是 49美元,第二年續約費為34.3美元,會便宜很多

訂閱快到期之前也會信件通知你扣款續約的日期,完成續約之後也會有Email信件通知

選好方案之後就按下 Buy WP Rocket按鈕

WP Rocket價格方案
WP Rocket價格方案

step 3

再來,要輸入購買資訊,Email信箱、名字、姓氏 跟國家,公司名司可以選擇填寫

WP Rocket教學 - 提升WordPress速度的關鍵,網站收入倍增就靠他
輸入購買資料

step 4

然後輸入付款資訊,支援 信用卡付款及 Paypal 兩種付款方式,可以依你習慣的方式做付款

最後,按下Place order按鈕就完成付款囉

WP Rocket教學 - 提升WordPress速度的關鍵,網站收入倍增就靠他
輸入付款方式

接下來,你會收到一封包含登入資訊的 Email信件,內容包含網站登入的相關資訊,名稱為 「wp-rocket.me」記得先到信箱去做收信

step 5

找到登入資訊信件後到網站做登入,在「My Account」中你會找到下載連結,點擊 Download WP Rocket 之後,再到WordPress網站做安裝

WP Rocket教學 - 提升WordPress速度的關鍵,網站收入倍增就靠他
登入帳號下載 WP Rocket外掛

WP Rocket設定

step 1

快取-建立基本快取檔案

  • 啟用行動裝置快取
  • 針對行動裝置建立獨立的快取檔案
  • 為已登入使用者建立快取
WP Rocket設定
WP Rocket快取設定

step 2

檔案最佳化-最佳化CSS和JS

壓縮CSS的選項可以選擇性勾選,勾選後記得回到網站前台看一下顯示狀況是否正常

再來是勾選 「最佳化CSS分派」

WP Rocket設定

JavaScript檔案

壓縮 JavaScript 的選項,主要是用來壓縮js的文件檔案,一樣可以勾選,勾選之後要到網站前台確認一下是否都正常

再來是勾選 「非同步載入 JavaScript」,可以優化網站中清除前幾行內容中的禁止轉譯 JavaScript ,讓網站更快速

還有勾選 Delay JavaScript execution 的選項,延遲載入js語法

WP Rocket設定
JavaScript 檔案設定

step 3

媒體設定- 設定圖片的延遲載入

這個設定會延遲載入網站的圖片,讓內容優先顯示出來

勾選 「針對圖片使用延遲載入」、「針對iFrame與影片使用延遲載入」

WP Rocket設定

step 4

資料庫設定 – 清除文章版本及過多垃圾

WordPress網站預設會自動幫你產生文章版本、自動草稿的記錄,主要是為了方便網站在發生意外狀況時,還可以做復原,但累積久了會對網站速度造成消耗,所以要設定定期清理

資料庫設定這邊勾選「文章版本」、「自動草稿」、「回收桶文章」

WP Rocket設定

臨時選項清理這邊也勾選,清除暫時性的資料

WP Rocket設定

最後,就是設定資料庫自動更新的頻率,也就是自動幫你清除垃圾的時間,建議選擇每週或每月就可以了

WP Rocket設定
WP Rocket排程自動清理

step 5

設定完成之後,就會自動幫你做好資料庫最佳化,清除過多不必要的垃圾,才可以讓網站更快速

WP Rocket完成設定優化
WP Rocket完成設定優化

結論

網站速度快的話,關鍵在於 優質主機(建議選擇Cloudways) + 速度快的網站(佈景主題建議選 ThriveDivi + WP Rocket),才可以讓使用者正常瀏覽你的網站,降低網站跳出率,還可以強化SEO效果,提升網站排名,所以速度重於一切,網站內容再好,如果速度不優的話,訪客很難有耐心繼續觀看下去

所以WP Rocket是 WordPress網站必裝的一款付費外掛,簡單方便的設定,讓新手站長都能輕鬆駕馭,要架設 部落格網站形象網站購物網站線上課程網站課程網站平台多國語言網站 ,這些網站都沒有問題,網站速度快才能更快帶來訂單

要注意的地方是,一個網站同時只有一個「快取外掛」,如果你有其他跟快取相關的外掛,一定都要關掉或刪掉再安裝,不然會造成網站有不知名的錯誤

WP Rocket 常見問題

WP Rocket是什麼?

這是一款用於 WordPress 的快取外掛,可以有效的幫助你縮短網站載入的時間,進而提升網站的速度,不需要任何的技術來安裝和設定外掛,在使用者和開發人員中非常受歡迎

WP Rocket有免費版可以使用嗎?

WP Rocket 沒有提供沒有免費版,只有付費版本可以使用,有14天退款保證
Single方案:價格49 美元/年,可架設1個網站、1年免費更新與支援
Plus方案:價格99 美元/年,可架設3個網站、1年免費更新與支援
Infinite方案:價格249 美元/年,可架設無限網站、1年免費更新與支援

我可以安裝多個快取外掛嗎?

不行,一個網站同時只能有一個快取外掛存在,過多的快取外掛不會讓你的網站更快速唷

WP Rocket適合使用的主機類型

精選5種的主機類型,都是品質跟速度還不錯的主機商,由上到下,從價格最便宜到價格最貴,速度方面也是從慢到快,可以依照需求來做選擇
如果剛起步的網站的話,可以先從 DreamHost 開始再慢慢升級就好
DreamHost
Bleuhost
A2 Hosting
Cloudways
Kinsta


免費建立被動收入教學

WP Rocket教學 - 提升WordPress速度的關鍵,網站收入倍增就靠他
免費教你開始建立被動收入

想更完成學習WordPress架站技術,歡迎加入全方位架站課程
如果這些文章對你有幫助的話,也歡迎請大新哥喝杯咖啡 <<我要前往請喝咖啡>>

想要最便宜的金流手續費優惠?
【電商網站必備】藍新科技金流申請,享2.4%最低手續費(透過專屬表單)

更多網站教學影片都在Youtube頻道,歡迎按讚、訂閱、分享

若是有網頁設計的需求或是合作邀約,也可以透過「聯絡表單」或是「線上客服」的方式與我們聯絡

如果想要學習架設網站,或是架站遇到問題的話,也有提供 1對1線上教學 ,使用遠端電腦連線+語音的方式教學,讓你不需出門就能在家學習,歡迎設計師或工程師帶案合作

覺得網站太慢或常當機的話,歡迎參考 WordPress網站搬家服務

另外也有 網站顧問服務網站健檢 服務,如果覺得網站速度太慢或是經營上的問題不知如何解決,歡迎預約時間幫你做網站健檢

推出「線上課程網站方案」,是獨立架設的網站,如果你想建立自己的線上課程網站,而不想跟課程平台分潤且受限平台規則的話,歡迎參考 MA-Course線上課程網站方案

MA-Course線上課程系統
MA-Course線上課程系統

想要經營個人品牌的話,可以先從 個人部落格 的話,不用怕平台演算法及倒閉問題,本站也有提供 部落格網站方案 ,大新哥也能提供一些網站的經營建議給你,歡迎來聊聊

想要在網路販售商品的話,我們也有提供 電商購物網站方案,費用便宜快速上線,降低剛開始微創業的經濟負擔,還能擁有網站管理自主權,不用受限於平台限制

如果對 WordPress架站網站經營網路行銷 有興趣的朋友,可以訂閱電子報或是按讚追蹤Facebook粉絲頁,我們將不定時發佈 WordPress網站 及 網頁設計、及個人品牌相關文章。

歡迎加入FB社團 「WordPres網站架設 / 網頁設計接案 / 部落格經營 / 網路行銷 /個人品牌」,主題是討論網站架設、部落格經營、網路行銷,有興趣的朋友也歡迎加入社團一同交流

網站經營需要費用,本站所提供的商品連結或廣告,透過連結購買的話,我可以獲得一點點微薄佣金,讓我們可以持續創作更好的內容,但這不會影響到你的使用權益,詳情可查看 FTC免責聲明

免費建立被動收入教學

WP Rocket教學 - 提升WordPress速度的關鍵,網站收入倍增就靠他
免費教你開始建立被動收入

大新

12年以上網站架設與網路行銷的經驗,自由工作者5年+,架過多種類型網站,例如形象網站、購物網站、會員網站、課程平台網站,擅用網站工具來解決不同的問題,希望將多年來的網站經營經驗技巧分享給你

發佈留言