文章最後更新於 2023 年 7 月 5 日
網站速度慢真的是一大痛點,不光是考驗耐心還會被認為是網站有問題,擁有再好的內容都枉然,但新手懂的事情真的不多,太專業的調整只能放棄(因為不懂),只能就可以理解的快取、圖片壓縮做優化,同時取捨外掛大小和數量,留下必要的功能。參考許多網路教學和口碑,WP Rocket快取、ShortPixel圖片壓縮、圖片轉WebP格式比較是立即見效的方式。(更新 : 最終還是換好一點Cloudways的主機服務,速度才有穩定顯著提升)
學習WordPress架站推薦購入網站帶路姬所著「用WordPress打造賺錢副業」
∣ 購買soledad佈景主題 ∣
∣ 更多WordPress佈景主題 ∣
速度有多慢?
有蠻多可以測試網站速度的工具,大部分會以Google PageSpeed Insights為主,而且以現在行動優先的世代,會以行動版的速度為準,但有時候我又覺得很懸疑,有時候分數很高、有時候有很低,改善前最低的時候大就是不及格30幾分,開啟要超過10秒(真的太久啦!)改善後比較好的時候大概有60幾分、偶爾會有90分,網路輿論是說以實際使用體驗的速度感來評斷,如果感覺載入速度OK,分數就當作參考(自我安慰?)
沒辦法,速度對網站來說就是起跑點,不能一開始就投降吧,所以不改善不行。透過以下文章瞭解影響層面和可能的改善方向。
最後找到這篇文章,不論說明和做法都蠻詳盡的,也才認知關於WebP 圖片格式的知識,很值得參考。
∣ 購買soledad佈景主題 ∣
∣ 更多WordPress佈景主題 ∣
使用快取WP Rocket
一開始我知道要使用快取,也是先從免費、口碑好的快取安裝試試,像是Cache Enabler、Breeze,尤其Breeze 是來自知名的 WordPress 主機商「Cloudways」開發的,(我現在也換到這個主機),覺得應該很夠力才對,但不知道為何我裝了還是無感。
但這個很看個人狀況,大多數都很推Breeze,以下是我參考的教學文章
找資料當中不斷被提起的就是一定要付費的WP Rocket快取軟體,感覺就是速度提升的保證,有青才敢大聲!於是再爬文教學文章,以下兩篇也有附帶觀念說明,看完就決定跟著購買照做了~
WP Rocket不同於一般WP的外掛到後台搜尋即可,要先到官網購買、安裝、啟用,就是多了一些過程,文章中也有教學,不算太困難,裝完之後真的有從龜速立即有感提升!雖然是付費,但覺得嚴格說來個人網站沒有到太貴,是值得的。
使用ShortPixel
延續圖片議題,圖片要壓小這個是知道的,但對於已經上傳的既有圖片總不能一張一張調整吧,看到這個ShortPixel的推薦和教學也是覺得如獲至寶!而且可以協助轉檔為WebP圖片格式。
ShortPixel每個月有100張的免費方案,但教學文章中有提到,計算方式不太一,在WordPress中,一張圖片會被切成不同尺寸,表面上是一張圖,但實際上被切成10張圖片計算(好,不是很懂,總之意思是100張免費很快會用完所以想再用要轉成付費方案)
另外看到這篇教學文有提到,2021年5月開始,轉成WebP圖片格式也要計算為每月的免費扣達(一下就用光了)
- 已經上傳的圖片解法:可以單購需要的圖片張數,最低9.99美金可買10,000張
- 之後上傳的圖片解法:先自行轉為WebP圖片格式
之前不知道原來自己網站圖有這麼多(到底是怎麼算的?),總之我個人買了2次9.9元的ONE-TIME IMAGES,其實差不多的錢可以買30,000張(默…)
可以斟酌個人狀況單次購買或是直接訂閱,登入官網也可以看到目前使用的扣達狀況。
∣ 購買soledad佈景主題 ∣
∣ 更多WordPress佈景主題 ∣
圖片轉WebP格式
為了節省空間以及提升速度,後來我就都將圖片轉成WebP 格式,轉圖也是一個耗時的工作,爬文看到重灌達人推薦的webp2jpg線上轉檔工具,覺得實在很好用啊~推薦!
主要是只要打開瀏覽器就可以轉檔,不用上傳圖片,直接線上就可以完成作業,速度非常快,我大概一次丟20多張圖,大概是3~5秒左右就完成,有時甚至覺得大概2秒吧~。
介面長的和文章中長得不太一樣,網址一樣,可能改版吧(?),針對個人需求可以做更多不同的細部設定,非常方便。
佈景主題速度優化
另外看佈景主題的內容,我使用soledad的佈景主題,在外觀自訂器當中,也有優化的頁面選項Speed Optimization,依照官方建議的設定,更改優化後發布,再使用Google PageSpeed Insights測試後,速度分數又提升了不少,所以合理判斷佈景主題很吃速度…(但已經懶得換了),如果有使用 soledad的佈景主題記得也調整一下吧~!
不過我後續還是有從Bluehost搬家到Coudways,之後再測試,分數上行動版有85分、電腦版有99分,覺得很可以了~
結語
提升網站速度要做的事情不少,新手盡力優化就是快取和圖片了,也覺得在速度優化後流量有開始更進步提升(真是安慰),雖然每次看到Google建議的改善項目還是覺得礙眼想調整,但無奈知識技術不夠,有機會查到解決方式再來試試,精力還是花在充實內容的部分覺得比較實在啊!
∣延伸閱讀∣對架站分享文有興趣的話
∣ 購買soledad佈景主題 ∣
∣ 更多WordPress佈景主題 ∣
延伸推薦
我架站是跟著網站帶路姬學習的,零學費超佛心!非常適合新手
學習WordPress架站推薦購入網站帶路姬所著「用WordPress打造賺錢副業」
不過還是看個人習慣,想要進階或是多參考,幾個線上課程平台也都有推出類似課程,參考如下
∣ Hahow 好學校 / 網站架設 ∣
∣ YOTTA / 網頁設計課程 ∣ (包含梅干桑的WordPress課程)
∣ 窩課360 / 網頁設計 ∣ (較專業進階)
∣ 六角學院 / 網頁設計 ∣ (較專業進階)
感謝閱覽!若您願意額外點讚鼓勵(至多5讚),那就真的太圓滿了~ 😉
∣ Google ∣ FB ∣ Twitter ∣ APPLE ID ∣ 皆可登入/註冊