Page Speed:網頁效能測試新利器

作者: Jas / 發表於 2009-06-05

page speed

接連幾天都談到「網頁測試」這個主題,特別在昨天還提到Adobe的BrowserLab

單看BrowserLab,總覺得無疑是個很眩的東西,就像Flash一樣。

但,眩過之後呢?

謎之音:無盡的空虛迴圈……

我發現,至少我自己還是乖乖打定主意決定繼續用Firefox、IE Tester或Multiple IE來作網頁測試。

在這些沿用許久的工具中,特別是Firefox的Firebug,相對於Adobe推出的網頁測試工具來看,恐怕還會天下無敵很長一段時間。

Firebug天下無敵的主因之一,或許是:層出不窮,且好用到一針見血一擊中的的Open-source套件。

譬如最近為了更精細測試網站效能才開始用的Page Speed

下載安裝完成,重新啟動Firefox之後:

(一)開啟Firebug,點選Page Speed。

Page Speed 1

(二)點選Page Speed裡的「Analyze Performance」鍵,開始分析頁面效能。

Page Speed 2

(三)Page Speed分析完成後,顯示各項測試結果。

Page Speed 3

你可以根據這份測試結果,開始進行網頁的優化調校。

另外,你也可以利用Page Speed的另一個功能選項「Page Speed Activity」,直接抓出拖累網頁效能的元凶:

(一)開啟Firebug,點選Page Speed Activity。然後,點選「Record Activity」開始掃瞄頁面載入記錄。

Page Speed 4

(二)Page Speed掃瞄結束後,便可以從這些記錄找出拖累網頁效能的元凶了。

Page Speed 5

延伸閱讀:





回上方