近期 Google 又變更了部分 SEO 排名的規則,在網站的速度與使用者體驗上變得愈來愈著重,使得每一位網站管理人員變得更加留意網站的整體速度與內容是否能帶給網站訪客良好的體驗,而其中網站的載入速度就是相當重要的一環了。今天遠振部落格即將實測的 WP Rocket,是一款在提升 WordPress 網站速度方面,相當熱門的外掛,對於負責管理 WordPress 網站的人應該多少都有聽過這款外掛,現在,就跟著遠振部落格一起來使用與實測效果看看吧。
文章目錄
WP Rocket 是什麼?
WP Rocket 是一款在2013年推出,目的是為了改善網站速度的 WordPress 付費外掛,希望能讓使用者打造出更快的 WordPress 網站,並讓 WordPress 網站擁有更好的性能,帶給網站訪客更良好的體驗。WP Rocket 官網則強調設定只需要3分鐘,今天就是來實測是否真的如官網所言,這麼簡單快速。
WP Rocket 有免費試用嗎?
WP Rocket 目前沒有提供免費試用的服務,是需要付費取得的 WordPress 外掛,官方的付費方案有分 Single、Plus 與 Infinite 三種,其實就是看自身需求,需要使用在幾個網域上而去決定,Single 只能用在1個網域,Plus 可用在3個網域,而 Infinite 則是無限網域,關於網域的介紹可以參考這篇文章。
有時也可以在網路上看到部分虛擬主機商會標註主機內含 WP Rocket,其實這是未經授權的做法,目前 WP Rocket 也已經表明並未與任何虛擬主機商有合作關係。因此在選擇 WordPress 主機時,若有主機商表明內附 WP Rocket 外掛時,須留意並詢問使用上是否會產生法規上的相關問題,建議有需求的人還是先至官網購買。
WP Rocket 的軟體需求為何?
目前最新版本的 WP Rocket 3.9 版,要求網站使用的 WordPress 必須是5.3以上的版本,而網站主機的 PHP 則需要7以上的版本,使用前須確認 WordPress 與 PHP 版本是否符合,如果是向虛擬主機商租用的虛擬主機或 WordPress 主機,可以向虛擬主機商詢問確認 WordPress 與 PHP 的版本是否符合要求。遠振 WordPress 主機內附的 WordPress 可以隨時更新至最新版本,WordPress 主機目前提供的 PHP 版本為 PHP 8 ,在相容性上是沒有問題的。
如何在 WordPress 主機設定使用 WP Rocket 外掛呢?
(一)購買與安裝 WP Rocket 外掛
① 首先先在 WP Rocket 官網購買外掛,選擇需要的方案並進行付款。
② 付款完畢後會獲得下載連結,即可下載外掛套件,也可以在 WP Rocket 官網登入會員後進行下載。
③ 將 WP Rocket 外掛安裝至 WordPress 主機內,在 WordPress 後台點選 “外掛” > “安裝外掛” > “上傳外掛”,選擇自官網下載的 ZIP 安裝檔,然後進行安裝。
④ 於 WordPress 後台啟用外掛,在 “外掛” > “已安裝的外掛” 中找到 WP Rocket,並點選啟用。
大功告成,接著就跟著遠振部落格開始進行 WP Rocket 外掛的相關設定吧。由於大家網站使用的模板架構、內容與網站需求的目標設定都不盡相同,所以在設定上會因網站需求有一些差異,以下是針對遠振部落格根據目前的狀況下需要啟用的 WP Rocket 外掛設定,提供大家做參考。大家一定要記得,無論是哪一種外掛的設定還是要評估網站本身的狀態與需求而去設定的。
(二) WP Rocket 外掛後台設定
1.快取
(1). 行動裝置快取:這是建議一定要勾選的選項,現在網路上的流量以移動設備(如手機、平板等)為居多,如果不勾選的話,移動設備的使用者在造訪網站時,會直接讀取 WordPress 資料庫的內容,雖然可以讀到最新的資料,但會造成載入速度變慢的問題。而其中的”針對行動裝置建立獨立的快取檔案”,勾選後是有機率會造成移動設備跑版的問題,因此在電腦與手機瀏覽時的版面會差很多的狀況下才需要選取。
(2). 使用者快取:”為已登入使用者建立快取”,如果是經營電商網站,需要讓讓大量使用者登入網站或是網站管理員比較多的狀況下才需要選取。
(3). 快取生命週期:使用 WP Rocket 的預設值10小時即可,這可以看做是自動清除快取資料的時間,WP Rocket 也有手動清除的功能,隨時都可以清除快取。
2.檔案最佳化
(1). 壓縮 CSS:去除 CSS 檔案中不必要的部分,讓 CSS 檔案變小,進而提升網頁載入速度。
(2). 壓縮 JavaScript:與壓縮 CSS 原理相同,去除 JavaScript 檔案中不必要的部分,使 JavaScript 檔案變小,進而提升網頁載入速度。
(3). 非同步載入 JavaScript :非同步就是可以讓網站可以同時執行兩個以上的項目,避免網站只為了執行某一個項目而拖累了整體網站的載入速度。
(4). 延遲 JavaScript 執行:勾選後會讓一些 JavaScript 在使用者執行了一些回應之後再去執行,延遲一些非必要的 JavaScript 元素載入,可以讓網站第一時間載入的速度更快。
3.媒體
(1). 針對圖片使用延遲載入
(2). 針對 iFrame 與影片使用延遲載入(以及”使用預覽圖片取代 Youtube 播放器”)。 以上選項是可以延遲頁面中的圖片或影片的載入,直到網站訪客滾動到需要展示出該圖片或影片的位置才載入,這樣可以提升網頁第一時間的載入速度,對 SEO 與使用者體驗都是有所幫助的。
(3). Image Dimensions:添加缺失的圖像尺寸。勾選後會自動為圖片定義尺寸,避免因版面位移影響了網站訪客載入網站的速度與 CLS 的評分。
(4). WebP compatibility:如果有特別將網站圖片轉換成容量較小且載入較快的 WebP 格式檔案,或是透過一些WordPress 外掛自動將網站圖片轉換成 WebP 格式的話,可以啟用這個選項,WP Rocket 將會為 WebP 檔案也建立緩存快取。
4.預先載入
(1). Preload Cache:Activate Preloading 啟用後
(2). Preload Links:勾選後,網站訪客將滑鼠移到網站中任何一個”內部連結”上時,就會開始預先載入該連結所引導過去的頁面。
WP Rocket 啟用前後的評測分數
市面上有許多工具可以去測試網站速度,今天遠振部落格就以目前最多人使用的 PageSpeed Insights 網站來測試網站速度。
◢下方圖片是在使用 WP Rocket 之前,遠振部落格的行動版速度評分
◢下方圖片是在使用 WP Rocket 之前,遠振部落格的電腦版速度評分
◢下方圖片是在啟用 WP Rocket 之後,遠振部落格的行動版速度評分
◢下方圖片是在啟用 WP Rocket 之後,遠振部落格的電腦版速度評分
在進行網站速度測試時,多少會因為一些外部因素導致分數不會每次測試都相同,但大致上每次測試的結果也不會差異過大,而在啟用前後網站速度評分成長的比例是否符合要求也要因每個網站管理者設定的目標而定。但分數僅是一個參考依據,網站管理者應該追求的是網站實際上讓網站訪客感受到的載入速度與瀏覽(或購物)動線是順暢舒適的,讓網站訪客可以在最短的時間內獲得想要的資訊,並且在 WordPress 外掛套件的使用選擇上,根據自身所需選擇購買經過合法授權的 WordPress 外掛,這樣才是正確的觀念。