MacBook Pro near green potted plant on table

網頁速度太慢?4步驟,載入速度快30%、網頁大小減少50%

隨著網頁內容越來越豐富,速度變慢是必然的,然而,網頁速度又很影響使用者體驗。

想想當自己是一位使用者的時候吧,如果點一個網頁,等了幾秒鐘都沒有顯示出內容,你會怎麼做?很可能跳出,尋找別的網頁,對嗎?

因此,如果想要增加網頁的瀏覽量,就必須重視網頁速度問題。

以下分享我自己摸索出的四個步驟。

先說結論:做完這四步驟後,我把載入速度增加了30%,網頁大小縮減了一半以上。

測試網頁速度

既然是要改善,當然要知道起跑點在哪,可以透過網頁測試工具,知道自己網站現在的大小以及載入速度。

進入https://tools.pingdom.com/,輸入自己的網址在搜尋列:

by 3261h.com

接著,可以得到如下結果:

by 3261h.com

小小一個網站,竟然要讀取4秒多,真是不太讓人滿意,我們著手改善吧!

解決方案

  • 逐一檢視外掛,把沒有用的Deactive, Uninstall
  • 去檢查網頁主機,發現無論CPU、Memory使用率都低於50%,判斷跟主機效能無關
  • 把所有圖片壓縮
  • 把圖片檔案從PNG轉成JPG,再壓縮

成果

經過以上四個步驟後,成功把網頁瘦身超過50%,速度也增快30%,真是非常有成就感。

by 3261h.com

後記

  • 最有感的是首頁大圖,本來竟然要3M。本來沒什麼感覺,是上網爬文後才知道一般建議的網頁圖片大小是300K以內。這麼肥,難怪慢!
  • 壓縮了以後竟然還是有1M,不死心的我詳細檢查檔案,發現是PNG檔,之前就聽說過PNG檔大很多,因此果斷改成JPG,加上壓縮,馬上縮小不到200K,非常有成就感。
  • 在檢查外掛的過程中,我也發現以前曾經安裝過很多功能重疊的外掛,譬如Hamingbird、WP Optimize、WP Rocket、WP Fatest Cache,只要擇一安裝就好
  • 還有以前隨著安裝很多Theme跟著裝上來的小外掛,搞不清楚是什麼,也不知道有沒有用,通通刪掉
  • 因為都有先做好備份,所以刪除的很爽快
  • 如果安裝的外掛有提供lazy loading、清理資料庫的功能,記得打開

以上方式都不難操作,相信你也辦的到,趕快去檢查吧!

Related Posts