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 就是了。

延伸閲讀

甚麼是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,可以點讚和訂閲。

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

ivan so

Leave a Comment