Скорость загрузки сайта и Core Web Vitals: что влияет на LCP, INP, CLS и как ускорить сайт

Скорость загрузки сайта влияет на всё сразу: сколько посетителей дождутся страницы, сколько из них оставят заявку и как сайт оценивают поисковые системы. Чтобы измерять скорость не «на глаз», Google ввёл набор метрик Core Web Vitals — LCP, INP и CLS.

В этой статье разберём простыми словами, что означает каждая метрика, какие значения считаются хорошими, как проверить свой сайт и какие действия действительно его ускоряют, а какие только улучшают цифры в отчёте.

Что такое Core Web Vitals

Core Web Vitals — это три метрики, которые описывают, как пользователь воспринимает загрузку и работу страницы. Не «сколько весит сайт», а насколько быстро человек видит контент, может с ним взаимодействовать и не страдает от прыгающей вёрстки.

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

Google оценивает метрики по 75-му процентилю: страница считается быстрой, если хорошие значения получают не меньше 75% реальных посещений, а не только вы на офисном компьютере с быстрым интернетом.

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

Медленный сайт теряет людей ещё до того, как они увидят предложение. Особенно это заметно на мобильных: нестабильный сигнал, слабый процессор, и страница, которая на десктопе грузится нормально, на телефоне превращается в ожидание.

• Конверсия. Посетитель, который долго ждёт или промахивается по прыгнувшей кнопке, реже оставляет заявку.
• Реклама. Вы платите за клик, даже если человек ушёл, не дождавшись загрузки.
• SEO. Core Web Vitals входят в сигналы удобства страницы у Google. Это не главный фактор ранжирования, но при прочих равных быстрый сайт в выигрыше. Скорость влияет и на поведение пользователей, которое учитывают обе поисковые системы.

Важно понимать: скорость не заменяет полезный контент и правильную структуру, а усиливает их. Подробнее о том, как скорость вписывается в общую стратегию, — в статье как продвинуть сайт в 2026 году.

Как проверить скорость и Core Web Vitals

Начните с бесплатных инструментов. Важно различать два типа данных:

• Полевые данные — реальные посещения пользователей Chrome за последние 28 дней. Именно их учитывает Google.
• Лабораторные данные — разовый тест в искусственных условиях. Удобны для поиска причин и проверки исправлений.

Где смотреть:

1. PageSpeed Insights. Введите адрес страницы. Вверху — полевые данные (если трафика достаточно), ниже — лабораторный тест Lighthouse с конкретными рекомендациями. Смотрите вкладку «Мобильный телефон» в первую очередь.
2. Google Search Console. Отчёт «Основные интернет-показатели» группирует страницы сайта по статусу: хорошие, требующие улучшения и плохие.
3. Chrome DevTools. Вкладка Performance показывает, что именно тормозит загрузку и какие скрипты блокируют отклик.

Не гонитесь за «100 из 100» в Lighthouse. Оценка в баллах — ориентир, а цель — зелёные полевые показатели для ключевых страниц: главной, услуг, каталога и карточек товаров.

Что влияет на LCP и как его улучшить

LCP чаще всего портят тяжёлые изображения на первом экране, медленный ответ сервера и ресурсы, которые блокируют отрисовку.

• Оптимизируйте главное изображение. Современные форматы WebP или AVIF, размер под экран, адаптивные версии для мобильных.
• Не откладывайте загрузку первого экрана. Ленивая загрузка (lazy loading) нужна картинкам ниже, но не главному баннеру. Для него, наоборот, полезен приоритет загрузки.
• Ускорьте ответ сервера. Кеширование страниц, нормальный хостинг, CDN для статики, сжатие Brotli или gzip.
• Уберите блокирующие ресурсы. Критические стили — в начале, второстепенные скрипты — с атрибутами defer или async.

Что влияет на INP и CLS

INP: отклик на действия

INP страдает, когда браузер занят выполнением JavaScript и не может сразу отреагировать на клик. Типичные причины — тяжёлые темы и конструкторы, десятки плагинов, сторонние виджеты: онлайн-чаты, квизы, счётчики, кнопки соцсетей.

• Проведите ревизию сторонних скриптов: оставьте только те, которыми реально пользуетесь.
• Загружайте виджеты отложенно, после основной загрузки или по действию пользователя.
• Разбивайте длинные задачи в JavaScript, не выполняйте тяжёлые вычисления в обработчиках кликов.

CLS: стабильность вёрстки

CLS растёт, когда элементы появляются и сдвигают контент: картинка без заданных размеров, рекламный блок, баннер cookie сверху, подгружаемый шрифт.

• Указывайте ширину и высоту (или соотношение сторон) для изображений, видео и iframe.
• Резервируйте место под баннеры и динамические блоки заранее.
• Настройте загрузку шрифтов так, чтобы замена шрифта не меняла размер текста заметно.
• Показывайте уведомления поверх контента, а не сдвигая его вниз.

С чего начать ускорение: порядок работ

Когда проблем много, легко распылиться. Удобнее двигаться от простого и дешёвого к сложному:

1. Замерьте исходные показатели. Сохраните результаты PageSpeed Insights для 5–10 ключевых страниц, чтобы потом сравнить эффект.
2. Сделайте быстрые исправления. Сжатие изображений, кеширование, отключение неиспользуемых плагинов и виджетов. Часто это заметно улучшает LCP без вмешательства в код.
3. Разберитесь с вёрсткой. Размеры элементов, загрузка шрифтов, порядок подключения стилей и скриптов.
4. Оцените сервер. Если время ответа остаётся высоким даже при кеше, возможно, проблема в хостинге или в коде самой CMS.
5. Перепроверьте и подождите. Лабораторный тест покажет результат сразу, а полевые данные обновляются постепенно, в течение примерно четырёх недель.

Иногда честный вывод аудита — тема или конструктор слишком тяжёлые, и проще пересобрать шаблон, чем бесконечно латать его плагинами.

Типичные ошибки при ускорении сайта

• Ставить плагин «ускорения» и считать задачу решённой. Плагины помогают с кешем и сжатием, но не исправят тяжёлую тему и лишние скрипты. Иногда они ещё и ломают вёрстку.
• Оптимизировать только главную. Клиенты часто приходят из поиска сразу на страницы услуг и товаров — они тоже должны быть быстрыми.
• Проверять только на десктопе. Мобильные результаты почти всегда хуже, и именно они важнее.
• Ускорить один раз и забыть. Новые баннеры, плагины и виджеты постепенно возвращают сайт в прежнее состояние. Проверяйте отчёт в Search Console хотя бы раз в месяц.
• Жертвовать удобством ради баллов. Убрать форму заявки, чтобы улучшить цифры, — плохая сделка.

Итог

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

Если нужна помощь, специалисты SeoHab проведут аудит и выполнят доработку сайта под Core Web Vitals, а в рамках технической поддержки будут следить, чтобы скорость не проседала после обновлений. Обсудить задачу можно через контакты.