Понимание метрики времени LCP / FCP маяка

У меня есть простой пример страницы, который содержит изображение, которое исчезает за 2 секунды:
https://nextjs-playground-mu.vercel.app/lcp-test2
Когда я проверяю оценку этой страницы на мобильном устройстве с помощью Lighthouse, либо на основе данных Pagespeed Insights (https://developers.google.com/speed/pagespeed/insights/?hl=ru&url=https%3A%2F%2Fnextjs-playground-mu.vercel.app%2Flcp-test2) или вкладка devtools - я вижу, что среднее значение FCP / LCP = ~ 2,2 с, но когда я погружаюсь в Просмотр исходной трассировки, я вижу, что временные метки FCP \ LCP намного выше = ~ 4,4 с и FCP и LCP timestamps срабатывает в момент, когда непрозрачность изображения становится равной 1, что для меня имеет смысл. Поэтому я не понимаю, почему Lighthouse измеряет метрики FCP \ LCP намного быстрее, чем это может случиться на самом деле.

P.S. Я также нашел этот вопрос: Время LCP между LightHouse и производительность - Google Chrome, но моя ситуация, похоже, противоположна той, что там была


person alyustik    schedule 15.02.2021    source источник