Ранжируя сайты в результатах поиска, Google учитывает и пользовательский опыт. Для этого используются три основных показателя под названием Core Web Vitals. Технические названия звучат пугающе, но суть простая: как быстро сайт появляется на экране, как быстро реагирует на касание и не «прыгает» ли при загрузке.
LCP — когда появляется основной контент?
Largest Contentful Paint — время, за которое на экране появляется самый крупный элемент страницы (обычно главное изображение или заголовок). Хороший результат: меньше 2,5 секунды; больше 4 секунд — плохо.
Как улучшить: загружайте изображения в формате WebP и правильного размера (не отправляйте на телефон картинку в 3000 пикселей), выберите быстрый хостинг, используйте CDN, уберите главное изображение из «ленивой» загрузки.
INP — как быстро сайт реагирует на касание?
Interaction to Next Paint измеряет, как быстро экран реагирует после нажатия кнопки или открытия меню. В марте 2024 года он заменил старый показатель FID. Хороший результат: меньше 200 миллисекунд; больше 500 мс — плохо.
Как улучшить: откажитесь от лишнего JavaScript, тяжёлых плагинов и многочисленных скриптов отслеживания. Каждый дополнительный чат-виджет, рекламный код и кнопка соцсети нагружают процессор телефона.
CLS — «прыгает» ли страница?
Cumulative Layout Shift измеряет смещение элементов во время загрузки страницы. Знакомая всем ситуация: хотите нажать кнопку, в последний момент подгружается реклама — и вы нажимаете не туда. Хороший результат: меньше 0,1; больше 0,25 — плохо.
Как улучшить: заранее указывайте размеры изображений и баннеров, резервируйте место под элементы, которые загружаются позже, правильно подключайте шрифты.
Лабораторные данные и данные реальных пользователей
Инструменты измерения показывают два вида результатов. Лабораторный тест — разовая симуляция, она хороша для поиска проблем. А при ранжировании Google учитывает опыт реальных пользователей за последние 28 дней и смотрит, чтобы результат был «хорошим» для 75% посетителей. Поэтому одного «зелёного» результата недостаточно — сайт должен удобно открываться и на слабом телефоне при медленном интернете.
Как проверить?
- PageSpeed Insights — введите адрес сайта, и вы увидите результаты и рекомендации для мобильных и для компьютера. Особое внимание уделите мобильному результату.
- Google Search Console → отчёт «Core Web Vitals» — данные реальных пользователей по всему сайту вместе с группами проблемных страниц.
- Сам браузер — в Chrome через F12 → Lighthouse можно проверить любую страницу.
Самые частые причины
- Неоптимизированные большие изображения и слайдеры;
- Десятки плагинов и лишние скрипты, которые загружаются на каждой странице;
- Слабый или перегруженный хостинг;
- Отсутствие кэширования.
Если результаты неудовлетворительные, технический аудит и оптимизацию сайта можно доверить нам — сначала измеряем, затем устраняем проблему и измеряем результат снова.
