最大内容绘制 (LCP) 小于第一个内容绘制 (FCP)

Question

我的公司已要求我向我们的网站添加一些网站速度指标，以帮助确定不太理想的用户体验。使用自定义 HTML Google 跟踪代码管理器 (GTM) 标记，我为 First Contentful Paint (FCP) 和 Largest Contentful Paint (LCP) 添加了 PerformanceObserver。

我根据https://web.dev/user-centric-performance-metrics/的指南实现了观察者

问题在于某些页面上的 LCP 低于 FCP。根据我的理解，这不应该发生，因为即使第一次油漆也是最大的油漆，数量应该是一样的。

谁能解释一下这是否可行以及在什么情况下可行？

Answer 1

对于单个页面加载，LCP 永远不会低于 FCP，但总体而言它可以更低。这是因为某些页面加载可能有 FCP 值但没有 LCP 值（例如，如果用户在最大图像完成加载之前离开页面）。

结果是您的分析数据可能显示 LCP 的中位数或 p75 值较低。如果发生这种情况，这可能表明您的许多用户遇到页面加载缓慢的情况，并且在看到部分页面呈现但不是全部呈现后离开。