真实用户性能监控(上线时用 )
2021-12-31 11:11:23 0 举报
AI智能生成
前端真实用户性能监控
作者其他创作
大纲/内容
前端性能监控主要分为两种方式,<br>一种叫做<font color="#e65100">合成监控</font>(Synthetic Monitoring,SYM),<br>另一种是<font color="#e65100">真实用户监控</font>(Real User Monitoring,RUM)。<br><br>合成监控指的就是 lighthouse 那种。<br>个人认为 lighthouse 那种不能叫做监控吧,只能叫做检查。
RUM 是什么
优缺点
真实用户性能数据采集方案
使用标准的 API
performance 提供高精度的时间戳,精度可达纳秒级别,且不会随操作系统时间设置的影响。
定义合适的指标
first meaningful paint
<br>它的优点是相对校准的估算出内容渲染时间,贴近用户感知。<br><font color="#b71c1c">但缺点是无原生 API 支持,算法推导时 DOM 节点不含权重。</font><br>
采集数据
RUM 性能模型<br>
不同阶段之间是连续的吗?
每个阶段都一定会发生吗?
常用数据
上报关联的维度
准确分析性能数据及影响因素
影响性能的因素很多
用户的网络情况
服务器压力突然很大
页面的可见状态
页面加载方式
Service Worker
数据会说谎
参考
https://www.infoq.cn/article/Dxa8aM44oz*Lukk5Ufhy
https://cloud.tencent.com/developer/article/1650831
0 条评论
下一页