Lighthouse 中 observedLargestContentfulPaint 和 largestContentfulPaint 有什么区别？

Question

google pagespeed insights API returns 关于网站性能的多个指标。然而，在其中的许多人中，有一个 'observed' 部分和一个未观察到的部分：

          "observedLargestContentfulPaint": 3178,
          "observedLargestContentfulPaintTs": 2181438287221,
          "largestContentfulPaint": 3520

是否有任何可用的文档（因为我找不到任何文档，除了原始的 PULL 请求，但即使这样也不能解释差异），可以解释这两个值之间的差异？它与 LCP 本身和 javascript 事件的传递有关吗？同样的问题适用于其他 'observed' 指标：

      "observedFirstContentfulPaint": 1731,
      "observedFirstPaint": 1731,
      "firstMeaningfulPaint": 815,

也很有趣：

      "observedDomContentLoaded": 2436,

非常感谢您的宝贵时间！

Answer 1

以下不是完整的答案（实际上可能略有错误，但应该给您思路！）但据我了解：-

“observedLargestContentfulPaint”：这是从最大绘画的选项卡跟踪接收到的原始数据。

“largestContentfulPaint”：他们对“低优先级”的图像打折，因为它们很可能不在屏幕上。然后他们计算所有剩余项目的结束时间并找到最大的一个。这是为了让他们只分析“首屏”内容（或他们可以做出的最佳近似）

现在对于其他项目，它们只是不同的指标，并不真正相关：-

"firstMeaningfulPaint"：这是尝试查看页面上“有意义”的内容何时呈现。因此，假设您有一张主图和首屏标题，它会等待这些项目被渲染。可能还有一些较小的东西，例如加载社交图标等。请注意，在 PSI 的 v6 中，这已被弃用，因为它不是一个非常一致的指标。

"observedFirstPaint"：这实际上是第一次将某些东西绘制到屏幕上。您显示的数字奇怪的是，这应该几乎总是小于“firstMeaningfulPaint”的数字，因为第一次绘制可以是任何绘制到屏幕上的东西。

“observedDomContentLoaded”：When the DOMContentLoaded event fires.

Lighthouse 中 observedLargestContentfulPaint 和 largestContentfulPaint 有什么区别？

What is the difference between observedLargestContentfulPaint and largestContentfulPaint in Lighthouse?

lighthouse

pagespeed-insights

google-pagespeed-insights-api