第197题前端性能优化与监控上报

我国著名白癜风研究专家 https://wapjbk.39.net/yiyuanfengcai/ys_bjzkbdfyy/790/
Chrome开发团队提出了一系列用于检测网页性能的指标：FP（first-paint），从页面加载开始到第一个像素绘制到屏幕上的时间　　FCP（first-contentful-paint），从页面加载开始到页面内容的任何部分在屏幕上完成渲染的时间　　LCP（largest-contentful-paint），从页面加载开始到最大文本块或图像元素在屏幕上完成渲染的时间　　CLS（layout-shift），从页面加载开始和其生命周期状态变为隐藏期间发生的所有意外布局偏移的累积分数这四个性能指标都需要通过PerformanceObserver来获取（也可以通过performance.getEntriesByName()获取，但它不是在事件触发时通知的）。PerformanceObserver是一个性能监测对象，用于监测性能度量事件。

转载请注明：http://www.aierlanlan.com/cyrz/8520.html