这是我参与「第五届青训营」伴学笔记创作活动的第 14 天
前端监控通过对页面数据的采集和上报，来帮助开发者更快速地对质量差的页面进行分析与归因
比较常用的前端监控工具库是 Sentry，能够捕获页面发生的错误，且能够记录不同用户访问网页时的性能指标。
传统性能指标
主要依赖 Navigation Timing，记录一个文档从发起请求到加载完毕的各个阶段耗时，来衡量性能，可以使用 performance.timing 来获取
传统性能指标专注于容易衡量的技术细节，但是很难反映出用户真正关心的是什么。如果仅仅只是把加载速度优化得更快，可能用户体验依然很差。
所以，需要创建以用户为中心得性能指标，专注于用户视角下得浏览体验。
FP (First Paint)
首次渲染得时间点，FP时间点之前，用户看到的都是没有任何内容的白色屏幕
FCP (First Contentful Paint)
首次有内容渲染的时间点
FMP (First Meaningful Paint)
首次绘制有意义内容的时间点
TTI (Time to Interactive)
测量页面从开始加载到主要子资源完成渲染，并且能够快速、可靠地响应用户输入所需的时间
TTI 时反映页面可用性的重要指标，TTI越小，代表用户可以更早地操作页面，用户体验就更好。
SI (Speed Index)
衡量页面可视区域地加载速度，帮助检测页面地加载体验差异
FID（First Input Delay）
测量从用户第一次与页面交互，直到浏览器对交互做出响应，实际能够开始处理事件时处理程序所经过的时间。
