В чем разница между наблюдаемымLargestContentfulPaint и крупнейшимContentfulPaint в Lighthouse?

Question

API Google Pagespeed Insights возвращает несколько показателей производительности веб-сайта. Однако во многих из них есть "наблюдаемая" часть и часть, не наблюдаемая:

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

Есть ли какая-либо документация (потому что я не смог ее найти, кроме исходного запроса PULL, но даже это не объясняет разницу), которая объясняет разницу между двумя значениями? Это как-то связано с самой LCP и доставкой события javascript? Тот же вопрос относится и к другим "наблюдаемым" показателям:

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

а также очень интересно:

      "observedDomContentLoaded": 2436,

Большое спасибо за уделенное время!

Answer 1

Следующее не является полным ответом (и на самом деле может быть немного неправильным, но должно дать вам представление!), Но, насколько я понимаю: -

"Наблюдаемый LargestContentfulPaint": это необработанные данные, полученные из трассировки вкладки для самой крупной краски.

"largeContentfulPaint": они не учитывают изображения с "низким приоритетом", поскольку они, скорее всего, будут за пределами экрана. Затем они берут время окончания для всех оставшихся предметов и находят самый большой. Это делается для того, чтобы они анализировали только содержимое верхней части страницы (или наилучшее приближение, которое они могут сделать)

Что касается других элементов, это просто разные метрики, которые на самом деле не связаны:

"firstMeaningfulPaint": это попытка увидеть, когда отображается "значимое" содержимое на странице. Допустим, у вас есть изображение главного героя и заголовок над сгибом, который он ожидает, пока эти элементы не будут отрисованы. Могут быть еще более мелкие вещи, такие как загрузка социальных иконок и т. Д. Обратите внимание, что в версии 6 PSI это устарело, поскольку это не очень согласованная метрика.

"ObservableFirstPaint": это буквально первый раз, когда что-то отображается на экране. Что странно в числах, которые вы показали, так это то, что это почти всегда должно быть меньшее число, чем firstMeaningfulPaint, поскольку первой краской может быть что угодно, нарисованное на экране.

"ObservatedDomContentLoaded": когдаDOMContentLoaded событие пожаров.