監(jiān)控有四個點：

1. 網(wǎng)頁崩潰（crashes）
2. JavaScript 執(zhí)行出錯
3. 網(wǎng)頁卡頓
4. 首屏渲染

網(wǎng)頁崩潰的監(jiān)控

使用 service worker 和 setInterval 來實現(xiàn)，參考：如何監(jiān)控網(wǎng)頁崩潰

JavaScript 執(zhí)行出錯

使用 sentry 來對上報錯誤即可

網(wǎng)頁卡頓的監(jiān)控

網(wǎng)頁卡頓就是掉幀，fps 太低了，fps 的監(jiān)控分為兩部分

1. 開發(fā)時監(jiān)控，可借助工具：lag-radar
2. 線上用戶監(jiān)控，可參考：FPS 測試

關(guān)鍵在于，線上用戶監(jiān)控時，如何上報 fps 數(shù)據(jù)，有兩種方案：

1. 開源的前端監(jiān)控方案：sitespeed.io
2. 自建數(shù)據(jù)上報，通過 navigator.sendBeacon 上傳數(shù)據(jù)

首屏渲染

借助 window.performance API來實現(xiàn)首屏渲染的監(jiān)控

參考：初探 performance

打開網(wǎng)頁的生命周期