Скорость сайта давно перестала быть техническим нюансом. Это прямой фактор ранжирования в Google и параметр, который влияет на цену клика в рекламе. Разберём ключевые метрики, как их измерить и что делать, если показатели в красной зоне. Это разбор именно метрик и их влияния — что конкретно сделать владельцу, подробно в статье как ускорить сайт.
Что такое Core Web Vitals
- LCP (Largest Contentful Paint) — за сколько отрисовывается основной контент. Цель: быстрее 2,5 секунды.
- CLS (Cumulative Layout Shift) — насколько «прыгает» вёрстка при загрузке. Цель: меньше 0,1.
- INP (Interaction to Next Paint) — как быстро сайт реагирует на действия. Цель: меньше 200 мс.
Эти метрики Google собирает с реальных пользователей и учитывает при ранжировании. Сайт, который проходит Core Web Vitals, получает преимущество в выдаче перед медленными конкурентами по тому же запросу.
Почему это влияет на рекламу
В Яндекс Директе и Google Ads качество посадочной страницы влияет на стоимость клика. Быстрый, удобный сайт с низким показателем отказов получает более высокий рейтинг — и вы платите за рекламу меньше при том же охвате. Медленная страница, наоборот, удорожает каждый клик, даже если объявление идеальное.
Медленный сайт — это двойная потеря: ниже позиции в поиске и дороже реклама. Ускорение улучшает оба показателя сразу.
Как измерить свои показатели
Самый простой способ — прогнать страницу через Google PageSpeed Insights и посмотреть PageSpeed-отчёты в Яндекс Метрике. Они показывают и лабораторные данные (тест в идеальных условиях), и полевые — собранные с реальных пользователей. Ориентироваться стоит на полевые: они отражают то, что чувствуют клиенты на своих телефонах и сетях. Проверяйте отдельно мобильную версию — именно её поиск оценивает в первую очередь.
Типичные причины плохих метрик
- Тяжёлые неоптимизированные изображения — причина номер один.
- Лишние сторонние скрипты: чаты, виджеты, счётчики, баннеры.
- Шрифты, которые блокируют отрисовку текста.
- Реклама и баннеры, сдвигающие вёрстку при загрузке — страдает CLS.
- Тяжёлый универсальный код конструктора, который нельзя убрать.
Как разные метрики ломаются по-разному
Полезно понимать, что за каждой метрикой стоит своя причина. Плохой LCP почти всегда про тяжёлую картинку или медленный сервер на первом экране. Высокий CLS — про элементы без заранее заданного размера: баннер или шрифт подгружается и сдвигает текст под пальцем. Слабый INP — про перегруженный JavaScript, из-за которого страница «думает» после нажатия. Диагностика по симптому экономит время: не нужно чинить всё подряд.
Почему мобильные метрики важнее десктопных
PageSpeed показывает отдельно оценку для компьютеров и для телефонов, и они часто сильно расходятся: на десктопе 95, на мобильном 40. Ориентироваться нужно именно на мобильную, потому что оттуда приходит большинство посетителей, а поиск оценивает сайт прежде всего по ней. У телефона слабее процессор и медленнее сеть, поэтому тяжёлый код бьёт по мобильным пользователям сильнее. Красивая десктопная оценка усыпляет бдительность, пока реальные клиенты мучаются на телефонах.
Скорость как ощущение, а не только цифра
Баллы PageSpeed — это модель, а не самоцель. Важнее то, что чувствует человек: появился ли текст сразу, не прыгнула ли кнопка под пальцем, откликнулась ли страница на нажатие. Можно гнаться за сотней баллов и упустить реальный опыт, а можно иметь крепкие полевые метрики и довольных посетителей. Поэтому мы смотрим и на числа, и на то, как сайт ощущается на обычном недорогом смартфоне — именно таком, какой у большинства клиентов.
Что даёт улучшение на практике
Ускорение сайта почти всегда заметно по цифрам: снижается показатель отказов, растёт глубина просмотра и конверсия. В рекламе улучшается качество посадочной — дешевеет клик. В поиске сайт получает преимущество перед медленными конкурентами. Это редкий случай, когда одна работа улучшает сразу несколько метрик бизнеса.
Как добиться зелёной зоны
- Серверный рендеринг и минимальный JavaScript на клиенте.
- Оптимизация изображений: форматы WebP и AVIF, ленивая загрузка.
- Резервирование места под контент, чтобы не было сдвигов вёрстки.
- Самохостинг шрифтов и критический CSS.
Всё это реализуется на чистом коде и даёт стабильные 95–100 баллов в PageSpeed — за счёт того, почему Next.js быстрее. На конструкторах добиться таких показателей почти невозможно из-за тяжёлого универсального кода. Если сайт стабильно медленный и переделки не помогают, имеет смысл разработка сайта на Next.js с нуля — техническая база закладывается сразу.
С чего начать владельцу
Прогоните главную и ключевые посадочные через PageSpeed Insights в режиме «Мобильные». Если метрики в красной зоне, сначала займитесь картинками и лишними скриптами — это даёт самый быстрый эффект. Если сайт на тяжёлой платформе и упирается в потолок, скорость — повод задуматься о переезде. Пошаговый план действий — в статье как ускорить сайт.
Чего не стоит делать ради баллов
В погоне за цифрой легко навредить. Не выключайте нужную аналитику только потому, что счётчик «весит»: без данных вы ослепнете. Не удаляйте важный контент с первого экрана ради LCP — скорость не должна лишать страницу смысла. Не ставьте агрессивную ленивую загрузку на изображения первого экрана, иначе человек увидит пустоту вместо главной картинки. Цель — быстрый и при этом полноценный сайт, а не красивое число в отчёте ценой удобства и заявок.