頁面加載性能之如何測試打開速度

真實世界性能是多變的，考慮到用戶的設備、網絡鏈接等其餘因素。舉個例子，你在辦公室有線網絡打開一個網頁，和在咖啡店用wifi打開一個網頁，體驗確定不同。

實驗數據（Lab Data）

開發過程當中，咱們拿來測試的一些數據，可復現，可調式，但不能測出真實世界的瓶頸，也不能跟KPI掛鉤，須要時刻提醒本身用戶可能在4G或者更差的網絡條件下打開。

現場數據（Field Data）

也被稱爲RUM（Real User Monitoring），能夠測出真實用戶的體驗，跟KPI也是緊密相關，但卻很難調試。

工具

• Lighthouse：測試實驗數據的工具，給定一個url地址，執行一系列的檢測，最終反饋一個報告，告訴開發者這個頁面性能如何。開發者工具自帶。
• CrUX（Chrome User Experience Reoprt）：提供了真實世界的chrome用戶的web體驗數據報告
• Chrome Developer Tools：開發者工具，能夠分析實驗數據，調試站點，發現性能瓶頸

參考

https://web.dev/how-to-measur...