最大含量涂料(LCP)少于第一含量涂料(FCP)

Question

我的公司要求我在我们的网站上添加一些网站速度指标，以帮助识别不太理想的用户体验。使用定制的HTML Google tag Manager (GTM)标记，我为第一个内容绘制(FCP)和最大内容绘制(LCP)添加了PerformanceObserver。

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

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

谁能解释一下这是否可能，在什么情况下会发生？

Answer 1

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

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