4 個網站速度測試工具比較: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 就是了。
延伸閲讀
用 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%,他們要求速度快而且要適合在手機瀏覽,不需要一大堆沒必要的東西。
小結與建議
所以如果做網站或做改良的時候,就不要用電腦做設計藍圖,應該用手機做,這樣會較容易理解用戶會怎麼用,應該只擺放有需要的資訊,不要放一堆沒有用的。
這就是這次的分享,如果對上述幾個測試工具有問題,或者你的網站在這些工具上有些不同的數字,歡迎留言與我分享。如果喜歡我的 Facebook 或 YouTube channel,可以點讚和訂閲。
如果有朋友對這個測試工具有興趣或有需要測試網站,可以和他們分享我這個視頻。我們下次見!