前端监控平台|青训营笔记

Sherry 沈

已于 2022-08-07 17:48:22 修改

阅读量162

点赞数

分类专栏：前端进阶班青训营笔记前端学习文章标签：前端

于 2022-08-04 18:05:53 首次发布

本文链接：https://blog.csdn.net/shenruiaaa/article/details/126163049

版权

18 篇文章 39 订阅

订阅专栏

2 篇文章 0 订阅

订阅专栏

Navigation Timing API提供了可用于衡量网站性能的数据。
参考文档



指标	解释
FP（First Paint）	首次绘制，标记浏览器渲染任何在视觉上不同于导航前屏幕内容之内容的时间点.
FCP（First Contentful Paint）	首次内容绘制，标记浏览器渲染来自 DOM 第一位内容的时间点，该内容可能是文本、图像、SVG 甚至元素.
LCP（Largest Contentful Paint）	最大内容渲染，表示可视区“内容”最大的可见元素开始出现在屏幕上的时间点。
FMP（First Meaningful Paint）	首次有效绘制，表示页面的“主要内容”开始出现在屏幕上的时间点。它是我们测量用户加载体验的主要指标。
DCL（DomContentLoaded）	当 HTML 文档被完全加载和解析完成之后，DOMContentLoaded 事件被触发，无需等待样式表、图像和子框架的完成加载.
L（onLoad）	当依赖的资源全部加载完毕之后才会触发
TTI（Time to Interactive）	可交互时间，用于标记应用已进入视觉渲染并能可靠响应用户输入的时间点
FID（First Input Delay）	首次输入延迟，用户首次和页面交互（单击链接、点击按钮等）到页面响应交互的时间