大家都知道 Google 今年已將網(wǎng)站使用體驗核心指標(biāo)（Core Web Vitals）列為搜索排序因素之一，也就是說管理者需要努力讓網(wǎng)站三項指標(biāo)：LCP、FID 和 CLS 維持在良好狀態(tài)，因此除了速度也要考慮到各種網(wǎng)頁組件放置，通過不斷修改調(diào)整和測試來使瀏覽者獲得更好的體驗。

本文要推薦「WebPageTest」是一個相當(dāng)知名的免費網(wǎng)站測速工具，通過這項服務(wù)可從全球 30 個國家節(jié)點測試網(wǎng)站速度，而且可選擇 25 種不同瀏覽器（包括智能手機、平板計算機），或是設(shè)定不同的連接速度、桌面瀏覽器尺寸、重新執(zhí)行測試次數(shù)等等，當(dāng)然更重要的是它還有檢測 Web Vitals 功能，可以協(xié)助改善網(wǎng)站的體驗核心指針分數(shù)。

WebPageTest 檢測結(jié)果會將幾個主要項目以英文和顏色評分，它顯示信息量相當(dāng)龐大，例如在效能方面測試結(jié)果、以 CrUX（Chrome User Experience Report）測得 FCP、LCP、CLS 和 FID 狀態(tài)、幾次反復(fù)檢測的瀑布圖等等，可能需要花點時間仔細研讀、找出改善網(wǎng)站的方法。

對開發(fā)者來說在線測試工具確實解決了很多的問題，而且?guī)缀跏且徽景k所有功能，非常實用。

WebPageTest

網(wǎng)站鏈接：https://www.webpagetest.org/

使用教學(xué)

開啟 WebPageTest 默認是選擇進階測試功能，輸入要檢測的網(wǎng)頁網(wǎng)址即可測試，如果你只想簡易測試或僅測試網(wǎng)頁體驗指針也有對應(yīng)的選項。

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

預(yù)設(shè)情況下會使用桌面版 Chrome 瀏覽器進行測試，從選項選擇其他的瀏覽器，像是 Firefox、Brave 或仿真為移動設(shè)備 Google Piexel、Nexus、Samsung Galaxy、iPhone、iPad 等等，此外，進階設(shè)定里有聯(lián)機帶寬、桌面瀏覽器尺寸、測試次數(shù)和重復(fù)檢視等選項，測試時有特殊需求就能自定義項目。

將測試的頁面網(wǎng)址貼上、點選「Start Test」按鈕開始進行測試，測試時需要一段等待時間，預(yù)設(shè)情況會重復(fù)測試三次以獲得不同的測試結(jié)果。

因為檢查項目會顯示的結(jié)果非常多，在這里就只簡單介紹幾個重點（或許是對我比較有用的部分）。

WebPageTest 會將各個測試項目以字母 F 至 A 評級，例如安全評分、FTTB、Keep-alive、壓縮傳輸、圖片壓縮、快取靜態(tài)內(nèi)容和內(nèi)容傳遞網(wǎng)絡(luò)（CDN），就能從總覽先找出得分較低的項目進行優(yōu)化。

從 CrUX 得到的真實用戶數(shù)據(jù)可以反應(yīng)出 FCP、LFP、CLS 和 FID 網(wǎng)站使用體驗核心指標(biāo)得分，下方瀑布圖會有加載網(wǎng)頁時每個組件網(wǎng)址、文件名、時間和響應(yīng)結(jié)果，有助于找出延遲加載速度或造成網(wǎng)頁問題的組件。

點選每個組件會有詳細信息，這些紀錄對于要找出問題、排除錯誤非常有幫助。

切換到「Web Vitals」分頁會有 Google Web Vitals 三項指針的診斷信息，如果出現(xiàn)綠色以外的得分表示結(jié)果不佳，可能需要花點時間好好檢視一下，好處是 WebPageTest 也會在下方呈現(xiàn)相關(guān)結(jié)果，雖然不會明確提示網(wǎng)站開發(fā)者應(yīng)該怎么解決，但還是能從網(wǎng)站提供的信息線索找到可能的問題癥結(jié)點。

另一個內(nèi)容項目會將網(wǎng)頁的各種文件類型、請求數(shù)、大小列出，搭配底下的聯(lián)機視圖就能找出那些對象可能對網(wǎng)頁開啟速度造成影響（或是讓頁面容量變得太肥大），也是在優(yōu)化網(wǎng)站時會用到的功能，或是以域名（Domains）列出網(wǎng)頁的所有組件功能，會顯示對于不同網(wǎng)址發(fā)送的請求數(shù)和文件大小，從上方選單列可以切換不同的檢測項目結(jié)果，大家可以自己動手試試看。

值得一試的三個理由：

• 從全球 30 個國家節(jié)點測試網(wǎng)站速度，可選擇 25 種不同瀏覽器
• 將主要檢測項目以英文和顏色評分，也可測得網(wǎng)站使用體驗核心指針分數(shù)
• 檢測結(jié)果非常詳細完整，有助于網(wǎng)站開發(fā)者找出問題、排除錯誤