Ускоряем LCP LCP - Largest Contentful Paint или же отрисовка с | Veras IT
Ускоряем LCP LCP - Largest Contentful Paint или же отрисовка самого большого контента. Довольно простая метрика для оптимизации и ниже вы узнаете как можно получить сотку в lighthouse ускорить LCP.
Тут важно сразу внести ясность между метриками LCP и FCP (First Contentful Paint). FCP замеряет сколько прошло времени между переходом по ссылке появлением первого элемента на странице, а LCP измеряет время полной загрузки самого большого элемента в области просмотра
Самые частые причины плохого LCP - это медленное время ответа сервера, блокирующий рендеринг css и js , рендеринг на клиенте и медленное время загрузки ресурсов. В этом посте подробно рассмотрим загрузку ресурсов, а именно контента.
Для начала нам нужно понять что первым увидит пользователь на странице, что это будет за контент. Идеальный случай, если ваш самый большой контент - текст. Он весит мало и будет рендериться очень быстро, тут ничего делать и не нужно. Но как правило, в начале мы показываем пользователю какие-то картинки, слайдеры видео и т.п.