Скорость сайта и Core Web Vitals: как ускорить и не терять клиентов

Что такое Core Web Vitals и PageSpeed

PageSpeed Insights — бесплатный инструмент Google, который оценивает скорость страницы баллом от 0 до 100 и разбирает, что именно тормозит. Ориентир простой:

Балл PageSpeed — быстрый ориентир, но важнее сами Core Web Vitals на реальных данных.

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

• LCP (Largest Contentful Paint) — за сколько появляется основной контент (крупная картинка или заголовок). Норма — до 2,5 секунды;
• INP (Interaction to Next Paint) — как быстро сайт реагирует на действия (клик, тап, ввод). Норма — до 200 мс. В лабораторных отчётах ей соответствует TBT (Total Blocking Time);
• CLS (Cumulative Layout Shift) — насколько «скачет» вёрстка при загрузке, когда элементы прыгают и вы промахиваетесь по кнопке. Норма — до 0,1.

Эти три метрики Google с 2021 года учитывает в ранжировании. Важно: они измеряются в первую очередь на мобильных — то есть в связке с мобильной адаптацией.

Почему скорость влияет на деньги и позиции

Скорость бьёт по двум направлениям сразу:

• Конверсия. Чем дольше грузится страница, тем больше людей уходит, не дождавшись. Задержка на несколько секунд может стоить половины посетителей — а это напрямую заявки и продажи;
• Ранжирование. Core Web Vitals — подтверждённый сигнал ранжирования. При прочих равных быстрый сайт выигрывает у медленного, особенно в мобильной выдаче;
• Поведение. Медленный сайт ухудшает поведенческие метрики, а это косвенно тянет позиции вниз.

Именно поэтому наш аудит отдельно измеряет скорость и подсвечивает самые тяжёлые ресурсы, которые её съедают.

Что тормозит сайт и как это чинить

Большинство проблем со скоростью — из нескольких типичных источников, и по каждому есть понятное решение:

• Тяжёлые картинки — самая частая причина. Сжимайте изображения, используйте современные форматы (WebP, AVIF), задавайте правильные размеры (не грузите фото 4000px в блок 400px), включите отложенную загрузку (lazy-load) для картинок ниже экрана;
• Много и тяжёлый JavaScript — лишние скрипты блокируют отрисовку и бьют по INP. Уберите ненужное, минифицируйте, отложите несрочное (defer/async), избавьтесь от дублирующих виджетов;
• Тяжёлый и лишний CSS — минификация и удаление неиспользуемых стилей ускоряют отрисовку;
• Медленный сервер (TTFB) — если сервер долго отдаёт ответ, тормозит всё. Помогают кэширование, хороший хостинг и CDN — сеть, раздающая контент с ближайших серверов;
• Нет кэширования — настройте кэш браузера и страниц, чтобы повторные визиты грузились мгновенно;
• Скачки вёрстки (CLS) — задавайте размеры картинкам и встраиваемым блокам заранее, не вставляйте баннеры и подгружаемый контент над тем, что человек уже читает;
• Шрифты — используйте font-display: swap, чтобы текст не «висел» невидимым, пока грузится шрифт.

На WordPress многое закрывается плагинами кэширования и оптимизации изображений, но их нужно правильно настроить — бездумная установка иногда наоборот ломает сайт.

Частые ошибки из наших аудитов

• Огромные несжатые фото — картинки по несколько мегабайт, которые грузятся секундами;
• Гора сторонних скриптов — чаты, пиксели, виджеты, счётчики: каждый добавляет задержку;
• Нет кэширования и CDN — сервер каждый раз собирает страницу заново;
• Прыгающая вёрстка — картинки и реклама без заданных размеров сдвигают контент, растёт CLS;
• Красивый, но тяжёлый конструктор — перегруженные шаблоны и анимации, которые тормозят на телефоне.

Как измерить скорость

Что дальше

Прогоните ключевые страницы через PageSpeed Insights и посмотрите на Core Web Vitals: где выходите за LCP 2,5с, INP 200мс или CLS 0,1. Начните с самого тяжёлого — обычно это картинки: сожмите их и переведите в современные форматы. Дальше — лишние скрипты, кэширование и стабильность вёрстки. Скорость — это одновременно про позиции и про то, сколько посетителей доходит до заявки.

Хотите узнать, что именно тормозит ваш сайт и какие ресурсы съедают скорость? Закажите комплексный SEO-аудит: измерим Core Web Vitals mobile и desktop, найдём тяжёлые ресурсы, а заодно проверим метатеги, разметку и видимость в ИИ-поиске.