性能指标FP FCP LCP DCL FMP TTI TBT FID CLS区别

FP (First Paint) - 页面首次渲染时间。表示浏览器首次绘制任何像素到屏幕上的时间，包括背景颜色、图片等。

FCP (First Contentful Paint) - 页面首次内容渲染时间。表示浏览器首次绘制页面中任何内容（文本、图片等）的时间，通常比FP更有意义。

LCP (Largest Contentful Paint) - 页面最大内容渲染时间。表示浏览器渲染页面中最大内容元素（如图片、视频等）的时间。LCP是Google Lighthouse中的一个重要性能指标。

DCL (DOM Content Loaded) - DOM内容加载完成时间。表示浏览器已完成HTML文档的解析并构建了DOM树的时间，但可能仍在等待CSS和JavaScript的加载和执行。

FMP (First Meaningful Paint) - 页面首次有意义的渲染时间。表示浏览器首次渲染对用户有意义的内容，如标题、主要文本等。FMP是一个比FCP更有意义的指标。

TTI (Time to Interactive) - 页面可交互时间。表示页面已完成主要内容的加载并且用户可以与页面进行交互的时间。

TBT (Total Blocking Time) - 总阻塞时间。表示页面在加载过程中被阻塞的总时间，包括JavaScript执行时间、样式计算时间等。

FID (First Input Delay) - 首次输入延迟时间。表示用户首次交互（如点击、滚动等）与浏览器响应交互的时间差。

CLS (Cumulative Layout Shift) - 累计布局位移。表示页面中元素布局发生变化的累计量，例如图片加载导致的布局变化。CLS对于提高用户体验非常重要，因为它可以避免用户意外的点击或滚动行为