前端监控 SDK 实战 | 青训营笔记

56 阅读2分钟

这是我参与「第五届青训营」伴学笔记创作活动的第十一天

一、本堂课重点内容

一、开篇:为什么我们要聊前端监控

  1. 什么是前端监控
  2. 为什么需要前端监控
  3. 前端监控到底监控了什么

二、概述:前端监控之常用性能指标

  1. web 性能标准的诞生
  2. 传统的性能指标
  3. 以用户为中心的性能指标

三、概述:前端监控之前端常见异常

  1. 静态资源错误
  2. 请求异常
  3. js 错误
  4. 白屏异常

四、小试牛刀:监控前端性能与异常

  1. 性能指标监控
  2. js 错误监控
  3. 静态资源错误监控
  4. 请求异常监控

五、渐入佳境:封装一个通用的 sdk

  1. 前端控制流程概述
  2. 临门一脚:数据上报
  3. 按需加载监控能力

六、课后探索:让你的 sdk 更健壮

二、详细知识点介绍

前端监控通过对页面数据的采集和上报,来帮助开发者更快速地对质量差的页面进行分析与归因。

传统的性能指标专注于容易衡量的技术细节,但是它们很难反应出用户所真正关心的是什么。

前端一些常见白屏、js错误,请求,静态资源异常。

错误监控。

三、课后个人总结

前端监控解决了网页卡顿、白屏的问题,以用户为性能的中心指标有很多,都是为了用户所存在,应该每个指标都了解一下,方便以后遇到问题,能想起来。静态资源一发生错误,就不会渲染页面,js错误,等一些常见的前端错误,了解一下平时接触不到的,但是在实际工作开发中会遇到的问题,更加开阔了我的眼界,让我对前端有了更好的了解,也更有动力,让未来不那么迷茫了。