前端性能监控主要分为两种方式,<br>一种叫做<font color="#e65100">合成监控</font>(Synthetic Monitoring,SYM),<br>另一种是<font color="#e65100">真实用户监控</font>(Real User Monitoring,RUM)。<br><br>合成监控指的就是 lighthouse 那种。<br>个人认为 lighthouse 那种不能叫做监控吧,只能叫做检查。
真实用户性能数据采集方案
使用标准的 API
performance 提供高精度的时间戳,精度可达纳秒级别,且不会随操作系统时间设置的影响。
定义合适的指标
first meaningful paint
<br>它的优点是相对校准的估算出内容渲染时间,贴近用户感知。<br><font color="#b71c1c">但缺点是无原生 API 支持,算法推导时 DOM 节点不含权重。</font><br>
参考
https://www.infoq.cn/article/Dxa8aM44oz*Lukk5Ufhy
https://cloud.tencent.com/developer/article/1650831