Home 資訊科技 wordpress WordPress提昇速度...

WordPress提昇速度的秘訣,馬上讓Google Pagespeed Insights從58分到88分

100
0
Wordpress提昇速度的秘訣,馬上讓Google Pagespeed Insights從58分到88分 3
Wordpress提昇速度的秘訣,馬上讓Google Pagespeed Insights從58分到88分 3

記得郭台銘郭董曾說「魔鬼藏在細節裡」,Wordpress的優化也是一樣,一個小細節不注意,和對手的距離就是十萬八千里。

會這一招,讓你的wordpress頁面速度Google Pagespeed Insights從58分不及格升級到88分的優等生。

Wordpress提昇速度的秘訣,馬上讓Google Pagespeed Insights從58分到88分 12
WordPress提昇速度的秘訣,馬上讓Google Pagespeed Insights從58分到88分 – 速度直接提昇30分

速度大副提昇秘訣

這裡面的秘訣,包括兩個:

  • 照片優化
  • 頁面顯示優化

首先看看底下2張照片,你看出什麼不一樣了嗎?

Wordpress提昇速度的秘訣,馬上讓Google Pagespeed Insights從58分到88分 6
WordPress提昇速度的秘訣,馬上讓Google Pagespeed Insights從58分到88分 – 圖1
Wordpress提昇速度的秘訣,馬上讓Google Pagespeed Insights從58分到88分 7
WordPress提昇速度的秘訣,馬上讓Google Pagespeed Insights從58分到88分 – 圖2

如果你仔細來看,會發現有些細微的差異,圖片的解析度不一樣,圖1的解析度似乎比較差一點,照片不清晰一點點(當然因為我用的螢幕是5K所以會更明顯一點)。

Wordpress提昇速度的秘訣,馬上讓Google Pagespeed Insights從58分到88分 11
WordPress提昇速度的秘訣,馬上讓Google Pagespeed Insights從58分到88分 – 圖3
Wordpress提昇速度的秘訣,馬上讓Google Pagespeed Insights從58分到88分 10
WordPress提昇速度的秘訣,馬上讓Google Pagespeed Insights從58分到88分 – 圖4

再看看圖3和圖4,這是把圖1和圖2中左上方文章的圖片,截取下來的,是不是明顯的差異呢?看到這裡你是不是也猜出原因了呢?還看不出來嗎?沒關係,讓我們再往下看~

Wordpress提昇速度的秘訣,馬上讓Google Pagespeed Insights從58分到88分 9
WordPress提昇速度的秘訣,馬上讓Google Pagespeed Insights從58分到88分 – 370×150 px
Wordpress提昇速度的秘訣,馬上讓Google Pagespeed Insights從58分到88分 8
WordPress提昇速度的秘訣,馬上讓Google Pagespeed Insights從58分到88分 – 1024×416 px

雖然這只是小小的差別,但卻造成照片下載的速度有極大的差異,當顯示的照片尺寸越接近「自然的」照片尺寸,照片下載的速度就越快,到目前為止牽涉到的無關技術面,而在於「檔案越小下載速度越快」的常識層面,這不是廢話嗎?是啊!但偏偏一堆網站沒作好這部份的優化。

Wordpress提昇速度的秘訣,馬上讓Google Pagespeed Insights從58分到88分 5
WordPress提昇速度的秘訣,馬上讓Google Pagespeed Insights從58分到88分 – 優化完成

當我們優化完成後,Google Pagespeed Insights從58分立馬昇到88分,而且連上這個頁面體感速度也變快了。這只是個小改變,但卻大大的提昇的速度;那麼你一定有一個疑問,點進去該篇文章的圖片是不是也變的不清楚了呢?

Wordpress提昇速度的秘訣,馬上讓Google Pagespeed Insights從58分到88分 14
WordPress提昇速度的秘訣,馬上讓Google Pagespeed Insights從58分到88分 – single page
Wordpress提昇速度的秘訣,馬上讓Google Pagespeed Insights從58分到88分 13
WordPress提昇速度的秘訣,馬上讓Google Pagespeed Insights從58分到88分 – 原始尺寸

如果系統真的這麼笨就真的慘了,當然點進來這一篇文章時,照片要自動使用解析度高一點的照片囉!這一篇Wordpress優化是從小地方來看網站整體,趕快看看自已的網站吧!有沒有一樣的問題呢!

WordPress提昇速度的秘訣,馬上讓Google Pagespeed Insights從58分到88分
喜歡這篇文章嗎?

發表迴響