2021-07-17

如何加快WordPress網站速度

WordPress 製作商用網站,基於業主需求網站越來越肥在所難免,最有感的影響就是網站開啟的速度!

以我的經驗,未經優化的網站跑 Google PageSpeed Insights 的分數都不太好看,雖然說分數不是唯一定論網站效能的標準,但透過報告,的確是可以做些優化來改善使用者體驗。接下來會分享八個常見拖慢速度的原因以及優化的方式:

七個常見拖慢速度的原因

1. 網站主機不優

這是基礎設施,要表現得好,根基就要穩。不要貪小便宜選規格陽春的主機,再怎麼樣也要有標榜 WordPress 友善的空間。這樣的主機商很多,我自己長年使用 SiteGround 覺得很OK, 其他像 Cloudways 在網路評價也不錯,都可參考。

2. 網站主機地理位置不理想

假設你的受眾所在的地理位置大部分在台灣,購買主機空間時,機房的位置就應該選離台灣最近的國家,這時候選美國或歐洲沒有比較好,反而因傳輸距離影響效能。那如果訪客來自多個國家呢?請使用 CDN (Content delivery network, 內容傳遞網路) 解決方案,它可以將網站同時存放於不同地理位置的機房,訪客連線離自己最近的主機,自然提升內容傳送的速度。

3. 使用的未優化佈景主題

佈景主題能讓網站變得有質感,但不要被外表沖昏頭,美麗的外表可能用了許多JS, CSS 甚至肥大的圖片堆砌而成,難道不能要漂亮也很快嗎?還是有的,我自己在用的 Astra 佈景主題就兼顧喔。

4. 使用的未優化外掛

道理跟上一點提到的佈景主題類似,外掛為了滿足原生系統沒支援的功能,會透過自行開發的程式來解決市場需求。但程式碼有沒有安全漏洞?會不會和既有的資源衝突,都是影響效能的因素。因此,相較於佈景主題,我覺得外掛還比較傷腦筋,建議找頻繁更新(代表開發者有在維護)、下載量、活躍啟用數多的外掛來使用,真的有問題,網路也比較找得到解決方法。

5. 沒有開快取

快取存在的目的是減少訪客向資料來源端請求,也就是我們的主機。如果有開快取,訪客看過的頁面內容,就會暫存在本機,下次逛同個網站,優先從本機提供既有的資料,省下的時間很有感。反之,沒開快取,就算是看過的頁面,也要從遠端重新載入一次,網速慢的話,等待時間就會拉長。

6. 網站圖片太大,沒壓縮

現在手機拍的照片隨便都1MB以上,想像一下,一個作品集首頁,放個100張未壓縮的圖片(100MB),是要載到民國幾年?

6. 太多程式碼需要載入

通常是指 JS 及 CSS,呼應第三、四點提到,未優化的資源或使用過多外掛,瀏覽器就需要更多時間去載入相關的Scripts. 單看每條也花不到一秒,積少成多就是慢給你看!

wordpress http request

7. 資料庫沒有定期清理

WordPress 預設會把內容修改紀錄、自動建立的草稿文章、垃圾留言等...都存在資料庫,其實這些資料大部分用不到,一直留著只是養肥資料庫,資料一多查詢就會多花時間。

如何改善速度?

上述拖慢速度的原因,對於一般使用者不懂網路、程式是很難解決的,大家都怕弄巧成拙,搞到網站壞掉就悲劇了!

還好有方便的外掛例如:WP Rocket, 能快速搞定,號稱數分鐘馬上提升網站速度。而我是用 SG Optimizer, 是 SiteGround 主機商開發的,表現也不錯,以下分享我的慣用設定檔。套用之後,效能真的好很多喔 🥰

wordpress speed optimize - cache
設定快取
wordpress speed optimize - host and database
主機環境優化
前端頁面優化

提醒:延後載入禁止轉譯的 JS / 合併 JavaScript or CSS 檔案可能會造成頁面顯示不正常,樣式不對或跑版。啟用後記得要檢查網頁。

wordpress speed optimize- image/media
圖片/媒體優化
請我喝杯咖啡吧 ^^

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

PeiYing Tsai
author
愛藝術,喜歡以科技解決問題的數位產品設計師。 堅持信念,任何困難事,必有搞定的一天,Just try it! 隨手紀錄日常學習到的知識心得,希望對妳/你有幫助。
coffee-cup linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram