这是我参与「第五届青训营 」伴学笔记创作活动的第6天
前端监控就是尽可能的采集这一过程以及后续用户交互中产出的性能指标与发生的异常事件并上报到平台完成消费。 前端监控通过对页面数据的采集和上报,来帮助开发者更快速地对质量差的界面进行分析与归因。 前端监控之常用性能指标
web性能标准的诞生
早期网页是纯静态的,但随着web爆发式发展,页面交互越来越复杂。开发者开始思考如何提高web性能、改善用户体验。 因此,2010年8月,w3c成立了web性能工具组,由来自google和microsoft的工程师担任主席,目标是制定衡量web应用性能的方法和api。 随后,web性能工具组开始指定一系列web性能标准,应用到桌面和移动浏览器以及其他环境中,帮助web开发人员评估和理解应用的性能特征。
传统的性能指标专注于容易衡量的技术细节,但是他们很难反映出用户所真正关心的是什么。如果你仅仅是把加载速度优化的更快,你很快就会发现用户的体验依然很差。
这就是创建用户为中心的性能指标的原因,他们专注于用户视角下的浏览体验
si:衡量页面可视区域加载速度,帮助检测页面的加载体验差异。 a和b的首次内容出现和完全加载时间是一样的,但是从用户角度a的体验明显更好 fid:测量从用户第一次与页面交互(比如他们单击链接、点按按钮等)直到浏览器对交互做出相应,实际能够开始处理事件时处理程序所经过的时间