这是我参与「第五届青训营」伴学笔记创作活动的第十一天
一、本堂课重点内容
一、开篇:为什么我们要聊前端监控
- 什么是前端监控
- 为什么需要前端监控
- 前端监控到底监控了什么
二、概述:前端监控之常用性能指标
- web 性能标准的诞生
- 传统的性能指标
- 以用户为中心的性能指标
三、概述:前端监控之前端常见异常
- 静态资源错误
- 请求异常
- js 错误
- 白屏异常
四、小试牛刀:监控前端性能与异常
- 性能指标监控
- js 错误监控
- 静态资源错误监控
- 请求异常监控
五、渐入佳境:封装一个通用的 sdk
- 前端控制流程概述
- 临门一脚:数据上报
- 按需加载监控能力
六、课后探索:让你的 sdk 更健壮
二、详细知识点介绍
前端监控通过对页面数据的采集和上报,来帮助开发者更快速地对质量差的页面进行分析与归因。
传统的性能指标专注于容易衡量的技术细节,但是它们很难反应出用户所真正关心的是什么。
前端一些常见白屏、js错误,请求,静态资源异常。
错误监控。
三、课后个人总结
前端监控解决了网页卡顿、白屏的问题,以用户为性能的中心指标有很多,都是为了用户所存在,应该每个指标都了解一下,方便以后遇到问题,能想起来。静态资源一发生错误,就不会渲染页面,js错误,等一些常见的前端错误,了解一下平时接触不到的,但是在实际工作开发中会遇到的问题,更加开阔了我的眼界,让我对前端有了更好的了解,也更有动力,让未来不那么迷茫了。