Комментарии 1
Материал содержит грубые технические ошибки и вцелом практически не имеет никакого отношения к реальности.
Largest Contentful Paint (LCP) — Скорость загрузки основного контента: измеряет производительность загрузки. Чтобы обеспечить удобство работы пользователей, показатель LCP должен быть в пределах 2,5 секунды от начала загрузки страницы.
LCP - єто євристика, которая фиксирует визуализацию области занимащую больше 60% области отображения. Факторы, которые прямо влияют на фиксирование єтого момента только частично зависят от скорости загрузки и в большей мере зависят от того насколько программист и верстальщик знают как работает формарование области отображени. в браузерах вцелом.
Примечательно то, что поиск того, что будет оцениваться как LCP, осуществляется путем сверки "скриншотов" формирования области отображения оценивая разницу контраста между ними.
Ресурс LCP должен находиться в HTML
Нет не должен
Если URL изображения недостижим в HTML, значит, страница должна ждать полной загрузки файлов CSS или JavaScript, их разбора (парсинга) и обработки до начала загрузки изображения.
Нет не должна.
Лучшие практики по быстрой загрузке ресурса LCP с высоким приоритетом могут быть сведены к следующему:
Все три практики обнаруживают некомпетентнось разработчика, а не решают проблему метрики LCP
Современные возможности ВЕБ браузеров, уже очень давно вышли на тот уровень, когда нет никакой необходимости в загрузке всех ресурсов страницы для ее (страницы) полноценного отображерия. Метрика LCP именно об єтом, а именно о том, что код вашего проекта (html, css, js) должен быть выстроен таким образом, чтобы делать только то, что конкретно сейчас нужно для формирования области отображения и єффективного взаимодействия с пользователем.
Все прочие рекомендации материала ровно того же порядка, что и озвученные выше.
Топ рекомендаций по Core Web Vitals на 2023 год