'время для первой краски' против 'First Meaningful Paint'

Question

Есть ли раздел веб-производительности SO?

Предполагая, что нет (я не нашел), то какая разница, если таковая имеется, между time to first paint (https://developers.google.com/web/tools/chrome-devtools/evaluate-performance/timeline-tool) и First Meaningful Paint (https://developers.google.com/web/tools/lighthouse/audits/first-meaningful-paint)?

Answer 1

Есть несколько интересных красок. Первый

• Первая краска: время, когда первый пиксель окрашен на экран. Например, цвет фона страницы.
• Первая полезная краска: Время, когда нарисована первая часть контента из DOM, то есть какой-либо текст или изображение.
• First Meaningful Paint: Время, когда браузер рисует контент, который интересует вас. Это очень зависит от страницы.

Первые два могут быть отслежены API-интерфейсом Chromes и, например, представлены в Google Analytics.

Первой значащей краской (FMP) на данный момент нельзя измерить API-интерфейсы браузера. Общая идея при измерении FMP заключалась бы в определении элементов героя, т. Е. Элементов, составляющих основной контент пользователя, и измерения их красок. В настоящее время нет способа получить время красок определенного элемента в DOM

Инструменты, такие как Lighthouse или WebPageTest, оценивают FMP, принимая самое большое изменение макета при рендеринге в качестве основного кандидата.