Chrome Web页面性能分析指标

这些是Chrome 性能分析工具用到的指标：

FP(First Paint)

FP 是从页面开始加载到任何部分的首次视观呈现的时间。这并不意味着页面的有用内容已经被加载，只是说明了一些内容（如背景颜色、图片或非白色画布）开始出现。

FCP(First Contentful Paint)--白屏时间

FCP是从页面开始加载到任何文本、图像、非白色画布或 SVG 内容首次被渲染的时间。这个指标反映了用户首次看到任何页面内容的时间，可以作为用户体验质量的一项重要指标。

DCL(DOMContentLoaded Event)

DCL事件会在 HTML 文档被完全加载和解析完成后发生，无需等待样式表、图像和子框架完成加载。换句话说，当所有 DOM（Document Object Model）元素都可供 JavaScript 立即使用时，这个事件就会被触发。

LCP(Largest Contentful Paint)--首屏时间

LCP测量视觉内容的渲染速度。它报告视觉页面中最大元素（例如图像或文本块）被呈现在屏幕上的时间。这是一个重要的性能指标，因为它直接关系到用户看到页面主要内容的速度。

PS: LCP 应在页面首次开始加载后的2.5 秒发生(数据来自https://web.dev)；

TTI(Time to Interactive)

TTI是一个衡量页面可交互的性能指标，也就是说，页面上的所有内容已加载完成，并且主线程具备足够的能力来处理用户的交互（点击、滚动、输入等）。这个指标对于确定用户能否快速与你的页面交互非常有用。

L(Onload Event)

L (Onload Event) 事件在页面或者图像的完全载入之后立即发生。这意味着所有的脚本、CSS 文件、图像文件等都已完全下载并应用到页面上。对于验证页面完全加载的时间，此事件非常有用。