Google PageSpeed 分數害死人

先說結論,Google 推出的 PageSpeed Insights 分數僅供參考不要沈迷於其中,學會看懂細節,比起只看表面的分數還重要,有些他認為要調整到東西,可能會破壞你想給的網站體驗。

偶爾會在一些討論區看到,他認為 PageSpeed 分數蠻低的想變高,因此來請益,不過此時點進去網站真的慢嗎?有的真的慢,不過也有其實蠻快的,可是分數低到底是怎麼回事呢?

舉例來說某個網站在 PageSpeed 分數只有 18 分。

可是 Google Chrome 在無痕模式下顯示的數據只需 3.19 秒就全部載入完成。

所以真的很慢嗎?當你知道他其實是一個商店頁面,而且一次載入多達 1000 個商品還只要 3.19 秒載入完成他真的很慢嗎?沒有。

因此就要看細節了,以下是 PageSpeed 給得建議以及他認為我已經做最佳化的作法。

看來我最佳化的部分做很多,由此可知可能是圖片在 PageSpeed 的嚴苛要求下認為太大張了,的確有很多站會上傳一些過大的圖,尤其是一張圖好幾 MB 那種,這種你還是摸摸鼻子趕快壓縮吧,一般而言除了壓縮圖片品質外還有就是調整解析度,圖片建議最長的邊盡量在 1200 以下,大小則是壓縮在 300~400KB 上下,是一個比較不影響品質,但又不會讓圖片太大的選擇。

不過我上面的圖多數都不到 100KB,而他認為可壓縮的大小也才幾十 kb 的但是網站圖很多就扣了一堆分數,而我圖真的很大嗎?沒有。多少人寫文章裡面的圖片能做到壓縮在一個極度誇張小的尺寸,而且還不會讓訪客覺得『你的圖都霧霧的我根本看不清楚』。

如果是婚攝的網站,為了品質建議還是讓他大一點,但如果你還想要 PageSpeed 的高分,又不想要圖片縮太小導致品質差,那你要怎麼選擇呢?要馬兒好又要馬兒不吃草。

真的需要極度注意的問題有『減少伺服器回應時間』,若這個不合格就是擺明你網頁伺服器回應的速度太慢了。要加速網站除了網站的圖可能需要壓縮外,還有你伺服器也要快,伺服器不快,圖片再小也是枉然。

而瀏覽器中 DOMContentLoaded 數值也是很重要,數值越低,越低的數值代表越快能看到網站整個框架,雖然圖片可能還在載入不過至少不會是完全的白畫面讓人等待。

還有一些細節影響著 PageSpeed 分數。不過結論還是要強調分數僅供參考不要沈迷於其中, 人生會過得快樂一些。

作者: cras4202tw

我是 cras4202tw,有多年使用 WordPress 與伺服器維運經驗,目前在鴻海科技集團富盈數據擔任工程師,負責的網站總流量每個月超過千萬次瀏覽。更多關於我...點我

臉書留言

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *