常聽到有小夥伴說某某插件速度慢,某某插件臃腫等等,其實不必過於擔心,等你了解了網站結構、了解了網站速度優化的核心和思路,只要是正常的使用插件,都不用再擔心網站速度問題。
下方圖片是Well自己網站的谷歌測速得分,本教學會一比一還原優化過程,跟著步驟操作後,大部分網站都能達到這個速度等級。
為什麼要進行WordPress速度優化
1.增強使用者體驗
網站的載入速度直接影響使用者的第一印象。研究表明,用戶更傾向於留在加載快速的網站上,慢速加載會導致用戶感到沮喪。頁面載入時間每延遲一秒,跳出率可能增加7%。快速載入的網站能夠吸引用戶停留更長時間,進而提升用戶與網站內容的互動。
2.SEO友好
Google已經明確表示,頁面速度是影響搜尋排名的一個重要因素。加載較快的頁面更有可能在搜尋結果中獲得更高的排名。
搜尋引擎爬蟲在抓取和索引網站時,頁面速度影響其效率。速度慢的網站可能會被爬蟲低優先抓取,導致索引延遲或不完整。
3.提升網站轉換率
研究顯示,網站載入時間延遲2秒,轉換率可能下降40%。對於電子商務網站,這意味著巨大的潛在收入損失。
試想一下,用戶付款的時候還要等好幾秒,他還會繼續支付嗎,或者用戶想要填寫表單,但是表單頁面怎麼也加載不出來,他可能會直接關閉頁面。
4.競爭優勢
如果你的網站比同行快,你比同行更有可能獲得詢問甚至是訂單,買家在尋找商品的時候絕對不會只看一家供應商,你比別人快,機會就更多。
網站速度優化的核心是什麼
1.伺服器效能
伺服器的類型(共享、VPS、專用)直接影響網站的載入速度,共享主機雖然成本低,但資源有限;VPS和專用伺服器則提供更高的效能和穩定性。
伺服器回應時間應低於200毫秒,使用高效能的VPS伺服器可顯著提高回應速度。
可以使用Ping值檢測工具偵測自己伺服器的回應速度,使用伺服器IP測試。
當然,伺服器回應速度只是前置條件,即使許多伺服器回應速度不錯,但是伺服器配置比較拉胯,那麼網站的實際存取速度也不可能快。
如果你還在選擇伺服器或想更換伺服器,Well推薦大家使用Vultr VPS伺服器,性價比高,支援支付寶支付。具體請參考:Vultr伺服器購買教學課程
2.頁面大小
頁面大小指的是網站載入所需的所有資源(HTML、CSS、JavaScript、圖片等)的總和。體積較大的頁面會導致更長的載入時間,進而影響使用者體驗和SEO表現。
想要優化頁面大小主要從壓縮圖片大小和減少插件使用獲得。
因為圖片的大小直接影響頁面大小,Well看到很多網站的Banner圖動輒就2-3M大小,甚至直接放置背景影片。
不是說不可以放視頻,只是想要在不影響網站速度的情況下放置視頻,對服務器和CDN的要求都很高,建站初期沒必要上那麼好的服務器。
Well建議大家在網站上使用Webp格式的圖片,既能保證圖片的清晰度,還可以最大程度的縮減圖片大小,Well通常在圖片上傳到網站之前就使用Webp轉換工具改變圖片格式並壓縮圖片大小。
減少插件的使用,是因為只要使用插件,或多或少的都會增加CSS或JS程式碼,插件一旦多起來,頁面上程式碼的體積自然增長,插件越多,頁面體積就越大。
3.資源加載方式
瀏覽器在載入頁面時,依序載入HTML、CSS、JavaScript和圖片等資源。優化資源載入順序可以減少頁面的初始載入時間。
使用非同步和延遲載入技術可以提高載入效率。比如,透過添加非同步
或延遲
屬性來優化JavaScript的載入,從而不阻塞頁面渲染。
可以參考這篇文章:Perfmatters使用教學課程。
4.網站緩存
網站快取通常可以分為頁面快取、瀏覽器快取、物件快取這三大類。
頁面快取(Page Cache)是將整個網頁的HTML程式碼快取起來,減少伺服器重複產生頁面的負擔,提高載入速度。適用於所有網站的靜態內容頁面,如部落格文章頁、商品詳情頁等。
瀏覽器快取(Browser Cache)是將網站的靜態資源(CSS、JavaScript、圖片等)儲存在使用者的瀏覽器本機,減少重複下載。適用於所有網站,可以減少頻寬消耗,提高頁面載入速度。
物件緩存(Object Cache),緩存資料庫查詢結果,減少資料庫查詢壓力,提高動態資料的載入速度。適合用在需要頻繁讀取資料庫的動態網站,例如電商、會員等網站。
綜上所述,如果你的網站是部落格站、官網等展示站,使用頁面快取外掛程式即可(瀏覽器快取主要是控制HTTP請求頭讓瀏覽器快取靜態資源,一般快取外掛程式會預設);頁面快取外掛程式Well推薦WP火箭、飛舞出版社、超級頁面緩存,具體怎麼選需要依自己的需求,可以參考快取插件推薦這篇文章。
如果你是電商網站,需要使用頁面快取+ 物件緩存,物件快取外掛程式Well推薦使用Redis 物件緩存。
5.頁面結構與內容傳遞網路(CDN)
內容傳遞網路 (CDN)透過將靜態內容快取到全球多個節點,縮短使用者與伺服器之間的實體距離,從而加速資源載入。使用CDN能夠顯著提高網站的反應速度和可靠性。
配置CDN時,選擇合適的服務供應商,並確保靜態資源(如映像、CSS和JavaScript檔案)都透過CDN提供。定期檢查快取策略以確保最佳效能。
CDN向伺服器取得資源後就儲存起來,當使用者造訪網站的時候就不需要一遍遍的向來源伺服器請求資源,極大程度的提高了網站載入速度,即使配置不高的伺服器,連結了CDN後也會對網站速度有質的提升。
Well推薦大家使用免費的Cloudflare CDN,如果後期對CDN需求增加再嘗試使用其他付費CDN,教學:WordPress配置免費CDN。
這些操作都完成後大家再去嘗試對網站進行測速,絕對有極大的提升。
以上就是WordPress速度優化的核心思路,根據本教學一步步優化網站速度,進一步提升網站SEO效果。