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

1 引入前端监控的概念

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

2 前端监控的性能指标

传统性能指标：

主要依赖Navigation Timing或者Navigation Timing2，通过记录一个文档从发起请求到加载完毕的各个阶段的性能好十，以加载速度来衡量性能

DOM树结构

通常导致白屏发生的原因可能有:

1 发生Js 错误导致关键资源渲染失败。

2 请求异常或静态资源加载失败。

3 长时间的Js线程繁忙阻塞渲染任务。

目前我们编写的monitor是相互孤立的，monitor之间没有任何的联系，不能串成什么东西，我们现在想要它们产生联系，想要它们产生一个统一的管控，那我们就需要一个统一的容器，统一的载体，所以我们需要封装一个通用的SDK

前端监控解决了网页卡顿、白屏的问题，以用户为性能的中心指标有很多，都是为了用户所存在，应该每个指标都了解一下，方便以后遇到问题，能想起来。静态资源一发生错误，就不会渲染页面，js错误，等一些常见的前端错误。为了能够更加完善功能和提升性能去达到提升用户使用体验的目的，前端监控需要做好。