記得郭台銘郭董曾說「魔鬼藏在細節裡」,Wordpress的優化也是一樣,一個小細節不注意,和對手的距離就是十萬八千里。
會這一招,讓你的wordpress頁面速度Google Pagespeed Insights從58分不及格升級到88分的優等生。
速度大副提昇秘訣
這裡面的秘訣,包括兩個:
- 照片優化
- 頁面顯示優化
首先看看底下2張照片,你看出什麼不一樣了嗎?
如果你仔細來看,會發現有些細微的差異,圖片的解析度不一樣,圖1的解析度似乎比較差一點,照片不清晰一點點(當然因為我用的螢幕是5K所以會更明顯一點)。
再看看圖3和圖4,這是把圖1和圖2中左上方文章的圖片,截取下來的,是不是明顯的差異呢?看到這裡你是不是也猜出原因了呢?還看不出來嗎?沒關係,讓我們再往下看~
雖然這只是小小的差別,但卻造成照片下載的速度有極大的差異,當顯示的照片尺寸越接近「自然的」照片尺寸,照片下載的速度就越快,到目前為止牽涉到的無關技術面,而在於「檔案越小下載速度越快」的常識層面,這不是廢話嗎?是啊!但偏偏一堆網站沒作好這部份的優化。
當我們優化完成後,Google Pagespeed Insights從58分立馬昇到88分,而且連上這個頁面體感速度也變快了。這只是個小改變,但卻大大的提昇的速度;那麼你一定有一個疑問,點進去該篇文章的圖片是不是也變的不清楚了呢?
如果系統真的這麼笨就真的慘了,當然點進來這一篇文章時,照片要自動使用解析度高一點的照片囉!這一篇Wordpress優化是從小地方來看網站整體,趕快看看自已的網站吧!有沒有一樣的問題呢!