**这是我参与「第五届青训营 」伴学笔记创作活动的第 12 天,**前端监控sdk实战
什么是前端监控:前端监控就是尽可能的采集这一过程以及后续用户交互中产出的性能指标与发生的异常事件并上报到平台完成消费
为什么需要前端监控:让我们从开发者(开发网页的人)的视角回答客户的问题:打开好慢-客户用的是XP+IE浏览器,建议重装系统,交互好慢-用户电脑配置太差,升级为更高配置,资源加载失败-用户网络状态太差,建议到大城市试试,页面白屏-我这台电脑没问题,是偶发事故,不慌张。这些都是不负责任对页面质量的错误归因。
前端监控通过对页面数据的采集和上报,来帮助开发者更快速地对质量差的页面进行分析与归因
以用户为中心的性能指标:传统性能指标专注于容易衡量的技术细节,但是他们很难反映出用户所真正关心的是什么,如果你仅仅是把加载速度优化的更快,你很快就发现的用户体验依然很差,这就是创建用户为中心的性能指标的原因,他们专注与用户视角下的浏览体验
SI:衡量页面可视区域加载速度,帮助检测页面的加载体验差异
LCP:最大的内容在可视区域内变得可见的时间点:最大的区域,例如一篇文章中的一大段文字或产品页面上的一张图片,大概就是让你理解页面内容的最有用的元素
TBT:量化主线程在空闲之前的繁忙程度,有助于理解在加载期间,页面无法响应用户输入的时间有多久。长任务:如果一个任务在主线程上运行超过50毫秒,那么它就是长任务。超过50ms后的任务耗时,都算作任务的阻塞时间,一个页面的TBT,是从FCP到TTI之间所有长任务的阻塞时间的总和。