云课堂
课程地址:网易云课堂在线课程
github:https://github.com/chalecao/femonitor
适用人群
基础前端知识,了解HTML,JavaScript基础知识等。
课程概述
市面上大部分是结合开源监控做的监控系统,性能和自由度受限。本课程讲解前端监控设计架构,各个监控项采集数据的原理,手把手和你一起编写监控采集脚本,具有自主性和灵活的业务扩展能力。
介绍数据分析思维,讲解如何从数据角度发现、分析、定位问题。结合阿里云SLS日志服务分析监控数据,构建可视化数据分析大盘,分析业务数据。
从业务角度出发,基于稳定性和性能体验,构建业务大盘,根据数据情况构建稳定性和体验相关数据监控告警,基于邮件、钉钉、电话等准实时告警到业务,及时发现问题。 【官方博客】www.w3cdoc.com
目录
章节1前端监控架构设计
- 课时1为什么要做前端监控?04:42
- 课时2前端监控什么数据?03:50
- 课时3前端监控架构设计02:53
- 课时4【补充】SLS和ELK方案对比介绍05:10 章节2编写监控采集脚本
- 课时5设计监控上报数据模型06:09
- 课时6开通SLS日志服务02:39
- 课时7如何通过webTrack上报数据?07:15
- 课时8JS错误和资源采集02:38
- 课时9接口错误采集03:11
- 课时10白屏错误统计方法和代码03:53
- 课时11页面加载时间计算方法和代码实现03:15
- 课时12FP/FCP/FMP/FID时间原理介绍02:22
- 课时13FP/FCP/FMP/FID时间代码实现03:02
- 课时14卡顿原理和采集代码实现02:01
- 课时15TBT体验指标计算原理01:58
- 课时16PV和自定义指标采集01:31
- 课时17TTI指标采集07:27
- 课时18LCP指标原理和采集10:31
- 课时19CLS指标原理和采集04:40 章节3数据分析大盘
- 课时20如何做数据查询和可视化06:50
- 课时21搭建可视化数据大盘03:15
- 课时22参数化数据查询与大盘构建01:57 章节4数据监控告警
- 课时23监控和告警的区别04:43
- 课时24设置JS同步增长告警05:32
- 课时25告警准确性问题01:59 章节5课件自学
- 课时26课件PDF