WordPress 製作商用網站,基於業主需求網站越來越肥在所難免,最有感的影響就是網站開啟的速度!
以我的經驗,未經優化的網站跑 Google PageSpeed Insights 的分數都不太好看,雖然說分數不是唯一定論網站效能的標準,但透過報告,的確是可以做些優化來改善使用者體驗。接下來會分享八個常見拖慢速度的原因以及優化的方式:
這是基礎設施,要表現得好,根基就要穩。不要貪小便宜選規格陽春的主機,再怎麼樣也要有標榜 WordPress 友善的空間。這樣的主機商很多,我自己長年使用 SiteGround 覺得很OK, 其他像 Cloudways 在網路評價也不錯,都可參考。
假設你的受眾所在的地理位置大部分在台灣,購買主機空間時,機房的位置就應該選離台灣最近的國家,這時候選美國或歐洲沒有比較好,反而因傳輸距離影響效能。那如果訪客來自多個國家呢?請使用 CDN (Content delivery network, 內容傳遞網路) 解決方案,它可以將網站同時存放於不同地理位置的機房,訪客連線離自己最近的主機,自然提升內容傳送的速度。
佈景主題能讓網站變得有質感,但不要被外表沖昏頭,美麗的外表可能用了許多JS, CSS 甚至肥大的圖片堆砌而成,難道不能要漂亮也很快嗎?還是有的,我自己在用的 Astra 佈景主題就兼顧喔。
道理跟上一點提到的佈景主題類似,外掛為了滿足原生系統沒支援的功能,會透過自行開發的程式來解決市場需求。但程式碼有沒有安全漏洞?會不會和既有的資源衝突,都是影響效能的因素。因此,相較於佈景主題,我覺得外掛還比較傷腦筋,建議找頻繁更新(代表開發者有在維護)、下載量、活躍啟用數多的外掛來使用,真的有問題,網路也比較找得到解決方法。
快取存在的目的是減少訪客向資料來源端請求,也就是我們的主機。如果有開快取,訪客看過的頁面內容,就會暫存在本機,下次逛同個網站,優先從本機提供既有的資料,省下的時間很有感。反之,沒開快取,就算是看過的頁面,也要從遠端重新載入一次,網速慢的話,等待時間就會拉長。
現在手機拍的照片隨便都1MB以上,想像一下,一個作品集首頁,放個100張未壓縮的圖片(100MB),是要載到民國幾年?
通常是指 JS 及 CSS,呼應第三、四點提到,未優化的資源或使用過多外掛,瀏覽器就需要更多時間去載入相關的Scripts. 單看每條也花不到一秒,積少成多就是慢給你看!
WordPress 預設會把內容修改紀錄、自動建立的草稿文章、垃圾留言等...都存在資料庫,其實這些資料大部分用不到,一直留著只是養肥資料庫,資料一多查詢就會多花時間。
上述拖慢速度的原因,對於一般使用者不懂網路、程式是很難解決的,大家都怕弄巧成拙,搞到網站壞掉就悲劇了!
還好有方便的外掛例如:WP Rocket, 能快速搞定,號稱數分鐘馬上提升網站速度。而我是用 SG Optimizer, 是 SiteGround 主機商開發的,表現也不錯,以下分享我的慣用設定檔。套用之後,效能真的好很多喔 🥰
提醒:延後載入禁止轉譯的 JS / 合併 JavaScript or CSS 檔案可能會造成頁面顯示不正常,樣式不對或跑版。啟用後記得要檢查網頁。