Скорость сайта и Core Web Vitals: SEO и продажи

3 мин чтения

Быстрый сайт важен и для пользователей, и для Google. Когда страница загружается медленно, часть посетителей уходит, не дождавшись, а поисковая система учитывает пользовательский опыт при ранжировании. В этой статье рассказываем о показателях Core Web Vitals, о том, как их проверить, и о практических способах ускорить сайт.

Что такое Core Web Vitals?

Core Web Vitals — три ключевых показателя, с помощью которых Google оценивает пользовательский опыт:

LCP (Largest Contentful Paint) — время появления самого крупного элемента страницы (обычно главного изображения или заголовка). Хороший результат: менее 2,5 секунды.
INP (Interaction to Next Paint) — скорость реакции страницы на клики и касания. Хороший результат: менее 200 миллисекунд.
CLS (Cumulative Layout Shift) — неожиданные смещения элементов во время загрузки. Хороший результат: менее 0,1.

Как скорость влияет на SEO?

Google учитывает удобство страницы как один из сигналов ранжирования и оценивает сайты в первую очередь по мобильной версии. Скорость сама по себе не заменит хороший контент, но может решить исход между страницами схожего качества. А главное — на быстром сайте пользователи просматривают больше страниц и чаще оставляют заявки.

Как проверить свой сайт?

PageSpeed Insights — показывает и данные реальных пользователей, и результаты лабораторного теста.
Google Search Console — отчёт «Core Web Vitals» группирует проблемные страницы сайта.
Lighthouse — проводит аудит производительности, доступности и SEO в инструментах разработчика браузера.

Лабораторный тест помогает находить проблемы, а данные реальных пользователей отражают результат, который видит Google.

8 практических способов ускорить сайт

Оптимизируйте изображения. Используйте форматы WebP или AVIF и отдавайте изображение подходящего размера для каждого экрана (srcset).
Откладывайте загрузку изображений за пределами экрана. Нижние изображения должны загружаться, только когда пользователь до них доходит, а главное — в приоритете.
Правильно подключайте шрифты. Загружайте основные шрифты заранее (preload), чтобы текст не «прыгал» при смене шрифта.
Сократите сторонние скрипты. Аналитика, чат-виджеты и рекламный код должны загружаться после открытия страницы или когда они нужны пользователю.
Задавайте размеры элементам. Если ширина и высота изображений и баннеров указаны заранее, контент не смещается во время загрузки.
Используйте кэш и CDN. Статические файлы должны отдаваться с ближайшего к пользователю сервера и с долгосрочным кэшированием.
Уменьшите объём JavaScript и CSS. Удалите неиспользуемый код и отдавайте файлы в сжатом виде.
Улучшите время ответа сервера. Медленные запросы к базе данных и слабый хостинг снижают эффект всех остальных оптимизаций.

Реальный пример: nss.az

Мы применили эти шаги на собственном сайте: заменили изображения на версии WebP под размер экрана, запустили аналитику и чат после загрузки страницы и устранили смещение контента за счёт предзагрузки шрифтов. В результате в мобильном тесте Lighthouse показатель производительности главной страницы вырос с 84 до 97, а страниц услуг — с 79 до 98.

Проверим скорость вашего сайта вместе

В рамках нашей услуги SEO мы проводим технический аудит сайта, улучшаем показатели Core Web Vitals и планируем работы, необходимые для видимости в поисковых системах. О частых проблемах читайте также в нашей статье «Ошибки, допускаемые при SEO». Напишите нам, чтобы получить бесплатную консультацию.