May 20, 2019

Pingdom, Webpagetest, Google PageSpeed 及 Chrome 瀏覽器的 Page Load Time

測試同一個網站在不同的網速測試工具會出現什麼不同的資料。網速對一個網站十分重要,對SEO也非常重要。一個網站通常要在三、四秒鐘之內全部載出,用戶才有耐性停留,Google標準甚至要在兩秒之內。由此可見網速的重要性。

網站速度測試工具比較影片解説

4 個網站速度測試工具

(查看影片)這裏看到有四個工具 pingdom, webpagetest, google pagespeed, chrome web store。

我們先找一個用作比較的網站,在香港 Alexa 的比較,首五位之中不是搜尋器和傳媒網站的就是 discuss.com.hk,所以就用這個網站做測試。

工具1: pingdom

如果直接用網址 pingdom.com 只會進到一個要登入和要付費的網站,所以我會直接用Google搜尋打名字 pingdom 後面加 ‘free’,結果顯示第一個Free的連結其實並不是免費,只是免費試用14天,仍然需要開帳戶。

按下一個連結 tools.pingdom.com 才是,進入後將連結放入,然後可以選擇在哪個國家的server 做測試,有些在香港有 server,有些沒有。

由於做測試需時,時間關係我就不在這裏做,我事前已經做好了。但這裏先給大家看看每一個工具的樣子。

工具2:webpagetest

介面比較簡單,這個有香港選項,瀏覽器就選擇最多人用的 chrome。

工具3:Google pagespeed

大家應該都見過,我就不顯示出來了。

工具4:chrome page load time

另外第四個我安裝了一個 在chrome 用的 page load time,在 chrome 的 online Store 輸入page load time,認好這個有十四萬多用戶和二百多個 review 就是了。

延伸閲讀

甚麼是ASO,同SEO有甚麼關係

如何 Google 結構化資料 How to 和 FAQ

用 discuss.com 這個網站開始做 head-to-head 的比較

#1 Google Page Speed 計分

在 pagespeed 測試,desktop 有 30 多分 mobile 有 10 多分,然後會顯示load出來需時多久等數據。

不過我先給大家一個溫馨提示,自從半年前 pagespeed 用了一個 version 3 的 lighthouse 之後,對 mobile 的要求極度嚴苛,龐大網站如亞馬遜分數也只有 30 多,所以你網站分數低跟公司資源無關,如果你網站顯示的資訊或者功能多,分數就不會高了,因為極難做優化。

做法就是將連結放在這個框裏面,就會顯示出分數,下面也會有一些建議,可以作為參考之用,會看到時間的分佈,哪些用較多時間。

#2 Pingdom 計分

用 pingdom 免費版測試,放進連結之後,這個沒有香港,就選擇最近的日本。結果對這個網站的評分是 60 分 E 級,其他數據有網站大小、載出所需時間,還有一個很誇張的數字560個request,這個我也很少見,一個普通的網站通常有接近 100 個request。

Request 的意思就是 load 出網站上任何一個 item,logo、menu、字、圖等等。

因為這個網頁是一個討論區,所以會有那麼多個request,慢也是正常的,但通常都是100多,e-commerce 也只是 200 多,500 多個 request 確實也太多了些。

下面也會看到哪些問題比較嚴重,哪些做得比較好,各類資料所佔空間等等。另外有一個圖表顯示出什麼情況下會佔用較多資源,不過下面詳細資料是給 technical 的人看的。

#3 Webpagetest 計分

用 Web page 看測試的結果,這個做了很多功夫,有compress、CDN等等,結果顯示載出所需時間在香港要12秒多,上一個在日本的server要25秒,Google pagespeed也好幾秒。

Web page 一次會做三個測試,然後取平均數。下面這堆如果要看那麼詳細可能扔給 technical的人看,佔很少格的可以忽略,主要看佔大格的。

#4 chrome Page Load Time 計分

最後看 chrome 的,安裝完看到如圖這裏有一個很小的數字,就是網站 load 出的時間,用了20 秒才 load 出,公平起見我多做兩次測試,第二次 8.9 秒,第三次 8.5 秒,所以就當 8-9 秒。Web page 12-13秒,pingdom 5-6秒。

綜合四個工具的數字

平均 8-9 秒,一開始已經說用戶等 4 秒勉強可以,多於 4 秒已經沒有耐性,8-9 秒很多用戶進來之後忍不住都會走了,這當然不是好事。

如何幫網站瘦身就是另一個哲學,某些功能是否一定要,有沒有可以代替的,其實如何取捨都是一個心態。

一個網站要 load 很久,但那些功能是否必要的?尤其現在我們用手機看網站的用戶佔了75%,他們要求速度快而且要適合在手機瀏覽,不需要一大堆沒必要的東西。

小結與建議

所以如果做網站或做改良的時候,就不要用電腦做設計藍圖,應該用手機做,這樣會較容易理解用戶會怎麼用,應該只擺放有需要的資訊,不要放一堆沒有用的。

這就是這次的分享,如果對上述幾個測試工具有問題,或者你的網站在這些工具上有些不同的數字,歡迎留言與我分享。如果喜歡我的 FacebookYouTube channel,可以點讚和訂閲。

如果有朋友對這個測試工具有興趣或有需要測試網站,可以和他們分享我這個視頻。我們下次見!

About the author 

ivan so

Ivan So 擁有 18 年的經驗關於 SEO,WordPress 網站,電子商務方面,Ivan 建造了 50 個網站來測試 SEO 性能,一些網站的表現非常好,最後賣給了不同的公司。

並且處理了 400 多個 WordPress 及電子商務網站的設計和開發,香港、新加坡及馬來西亞 WordCamp 的演講者,香港 WordCamp 主要組織者,香港 WordPress 聚會聯合組織者及香港 Elementor 聚會聯合組織者。

5 本暢銷 Amazon電子書關於數碼營銷及香港 Mailchimp 唯一合作夥伴及官方認證。

還獲得了多個有關 IT 的獎項,擔任創業和商業比賽的評審,還有多個研討會,大學的演講嘉賓及超過 12,000 個 Udemy 學生。

Leave a Reply
{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}