这是我参与「第五届青训营」笔记创作活动的第12天. 今天主要了解什么是前端监控, 以及前端监控的需求和能力.
什么是前端监控
前端监控就是尽可能的采集这一过程以及后续用户交互中产出的性能指标与发生的异常事件并上报到平台进一步完成用户消费。
为什么需要
从用户角度来看, 使用时可能会遇到页面加载慢, 交互卡顿, 资源加载失败, 页面内容无法正常显示等问题. 从开发者角度来看, 无法准确定位到出错的地方, 找到原因, 因此只能给出一些粗略的解决方案, 把问题归结于电脑设备和网络.
- 打开好慢——用户用的是 XP+I浏览器，建议重装系统!
- 交互卡顿——用户的电脑配置太差了，建议升级为 i9 + 4090!
- 资源加载失败——用户网络状态太差，建议到大城市里再试试!
- 页面白屏——我这台电脑没问题啊，应该是偶发事故，不要慌!
但是这些是对页面质量的错误归因. 因此希望拥有前端监控的能力, 来对页面进行分析和归因.
前端监控通过对页面数据的采集和上报，来帮助开发者更快速地对质量差的页面进行分析与归因。
有了前端监控之后, 我们可以得到以下原因.
- 打开好慢——页面某个关键资源渲染太慢。
- 交互卡顿——页面同步计算任务太重，阻塞渲染。
- 资源加载失败——客户端网络状态差，或上游服务节点异常。 页面白屏——页面脚本执行失败、关键资源加载失败、请求失败等。
做了什么
可以监控
- 性能指标
- 异常事件
- 用户行为
这些内容将在下一篇文章中记录.
