WebPageTest網站性能和優化檢測在線工具

WebPage作爲一個檢測工具，最初是由Patrick Meenan在AOL工作時開發的，並在2008年以BSD許可證的形式進行了開源。2020年9月WebPageTest被Catchpoint收購，後者是領先的數字體驗監測平台，提供合成監測、真實用戶測量、網絡監測和端點監測産品。此次收購開啓了一個新的令人興奮的篇章，計劃擴大WebPageTest的能力和WebPageTest.Org的地理性能測試足迹，利用Catchpoint一流的基礎設施，增加容量、提高分析的一致性和質量。

爲用戶構建高質量的網絡體驗是所有努力的核心。通過WebPageTest爲全球不斷增長的開發人員、第三方平台、技術顧問和其他社區提供性能産品和資源。在Polyform Shield許可證下，WebPageTest的代碼可以免費使用，這是一個可獲得源代碼的許可證。只要您創建的産品或服務不與Catchpoint的産品競爭，那麽您就可以自由地使用WebPageTest的代碼，包括將其用于您自己的內部使用或創建非競爭性的商業産品。事實上，Catchpoint鼓勵使用WebPageTest代碼來建立您自己的增值應用程序。

官方網站：https://www.webpagetest.org

WebPageTest相當知名的網站免費測速工具，可從全球30個國家節點測試網站速度，而且可選擇25種不同瀏覽器（包括智慧型手機、平板電腦），或是設定不同的連線速度、桌面瀏覽器尺寸、重新執行測試次數等等。當然更重要的是它還有檢測Web Vitals功能，可以協助改善網站的體驗核心指標分數。

WebPageTest檢測結果會將幾個主要項目以英文和顏色評分，它顯示資訊量相當大，例如在效能方面測試結果、以CrUX（Chrome User Experience Report）測得FCP、LCP、CLS和FID狀態、幾次反覆檢測的瀑布圖等等，可能需要花點時間仔細研讀，找出改善網站的方法。

開啟WebPageTest預設是選擇進階測試功能，輸入要檢測的網址即可測試。如果您只想簡易測試或僅測試網頁體驗指標也有對應的選項。

從「Test Location」選擇測試節點，節點遍及歐洲、非洲、中東、亞洲、大洋洲，大部分節點都是使用亞馬遜AWS EC2或Google GCE主機，有些則是Microsoft Azure和騰訊主機，比較特別的是，如果需要實體機器最底下也有Mac mini和Android裝置可以選擇。

預設情況下會使用桌面版Chrome瀏覽器進行測試，從選項選擇其它的瀏覽器，像是Firefox、Brave或模擬為行動裝置Google Piexel、Nexus、Samsung Galaxy、iPhone、iPad等等。此外，進階設定裡有連線頻寬、桌面瀏覽器尺寸、測試次數和重複檢視等選項，測試時有特殊需求就能自訂項目。

填寫將要測試的網址，點選「Start Test」按鈕開始進行測試，測試時需要等待一段時間，預設情況會重複測試三次以獲得不同的測試結果。因為檢查項目會顯示的結果非常多，這裡就只簡單介紹幾個重點。WebPageTest會將各個測試項目以字母F至A評級，例如安全評分、FTTB、Keep-alive、壓縮傳輸、圖片壓縮、快取靜態內容和內容傳遞網路（CDN），就能從總覽先找出得分較低的項目進行最佳化。從CrUX得到的真實使用者資料可以反應出FCP、LFP、CLS和FID網站使用體驗核心指標得分，下方瀑布圖會有載入網頁時每個元件網址、檔案名稱、時間和回應結果，有助於找出延遲載入速度或造成網頁問題的元件。點選每個元件會有詳細資訊，這些紀錄對於要找出問題、排除錯誤非常有幫助。切換到「Web Vitals」分頁會有Google Web Vitals三項指標的診斷資訊。如果出現綠色以外的得分表示結果不佳，可能需要花點時間好好檢視一下，好處是WebPageTest也會在下方呈現相關結果，雖然不會明確提示網站開發者應該怎麼解決，但還是能從網站提供的資訊線索找到可能的問題癥結點。另一個內容項目會將網頁的各種檔案類型、請求數、大小列出，搭配底下的連線視圖就能找出那些物件可能對網頁開啟速度造成影響（或是讓頁面容量變得太肥大），也是在最佳化網站時會用到的功能，或是以網域名稱（Domains）列出網頁的所有元件功能，會顯示對於不同網址發送的請求數和檔案大小，從上方選單列可以切換不同的檢測項目結果。

對開發者來說，在線檢測工具確實解決了很多的問題，而且幾乎是一站包辦所有功能，非常實用。