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優化mobile手機行動版本選單推薦外掛Superfly Menu
下一篇文章WordPress速度太慢嗎?優化的第一步,用cache plugin快取外掛提昇速度,讓它馬上飛快
學經歷 淡江大學資訊管理研究所 諸銘科技軟體發開部經理與教育事業部總監 專長 網路創業、網路行銷、創業貸款、個資保護、資訊安全、程式設計(ASP.NET VB.NET MVC C# Core 6) 資安與個資證照:CompTia Security+ , ISO 27701。 演講與課程經歷 工研院講師 勞動部微型創業鳳凰貸款顧問 台北市社會局 衛福部中央健保署 新北市政府勞工局 管科會 中國生產力中心 中衛中心 中山管理教育基金會 中華軟協 南科產協 青創會 青創會內訓 臺北青年職涯發展中心 經濟部樂活創業人才班 中小企業總會 外貿協會 高雄醫學大學 雲林科技大學 台北醫學大學 銘傳大學 明新科大 中台科大 台灣科技大學 師範大學 大葉大學 台北城市大學 聖約翰科技大學 萬能科技大學 輔英科大 明新科大 美和科大 嘉南藥理大學 東南科大 亞太創意技術學院 格致商工 霧峰農工 三重商工 新店戒護所 台南就業處 台灣知識庫 台北景福扶輪社 富邦人壽 台北國際書展

回覆留言

Please enter your comment!
Please enter your name here