Core Web Vitals простыми словами
Автор Команда AsasWeb 1 мин чтения
Core Web Vitals это три числа, по которым Google измеряет, как страница ощущается реальным человеком. Largest Contentful Paint должен быть меньше 2,5 секунды, Cumulative Layout Shift меньше 0,1, а Interaction to Next Paint меньше 200 миллисекунд. Обычные решения: более лёгкие изображения, меньше JavaScript, настроенные веб-шрифты и заранее зарезервированное место под всё, что загружается позже, и всё это измеряется на среднем телефоне, а не на быстром ноутбуке.
Core Web Vitals это три числа, которыми Google описывает, как ваш сайт ощущается реальным человеком. Их стоит понимать, потому что они влияют и на ваше ранжирование в поиске, и на конверсию. Вот они без жаргона.
Largest Contentful Paint: быстро ли загружается?
LCP измеряет, сколько времени появляется основное содержимое. Стремитесь к значению меньше 2,5 секунды, а для быстрого сайта ближе к 2. Обычные решения это более лёгкие изображения в современных форматах, меньше ресурсов, блокирующих отрисовку, и настроенные веб-шрифты, чтобы крупный заголовок или изображение показывались раньше.
Cumulative Layout Shift: остаётся ли на месте?
CLS измеряет, насколько страница прыгает во время загрузки. Нет ничего раздражающее, чем нажать кнопку, которая в последний момент сдвигается. Стремитесь к значению меньше 0,1. Решения это задание ширины и высоты у изображений, резервирование места для всего, что загружается позже, и настройка шрифтов, чтобы текст не перетекал при появлении веб-шрифта.
Interaction to Next Paint: отзывается ли?
INP измеряет, как быстро страница реагирует, когда вы нажимаете или печатаете. Стремитесь к значению меньше 200 миллисекунд. Главная причина плохого INP это слишком много JavaScript, блокирующего основной поток, поэтому лекарство обычно в том, чтобы отдавать его меньше.
Измеряйте там, где ваши пользователи
Значения, которые имеют значение, это те, что получены на телефоне среднего класса с реальным соединением, а не на быстром ноутбуке в офисном Wi-Fi. Мы измеряем там, потому что именно там на самом деле находится большинство посетителей.
Хорошие показатели это результат тщательной разработки, а не патч в последнюю минуту. Если вашим оценкам нужна работа, начните проект, и мы измерим их честно и поднимем.