最大内容绘制 (LCP) 小于首次内容绘制 (FCP)

Question

我的公司要求我向我们的网站添加一些网站速度指标，以帮助识别不太理想的用户体验。使用自定义 HTML Google Tag Manager (GTM) 标签，我为 First Contentful Paint (FCP) 和 Largest Contentful Paint (LCP) 添加了 PerformanceObserver(s)。

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

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

任何人都可以解释一下这是否可行以及在什么情况下会发生？

Answer 1

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

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