Как ускорить сайт в 2026: Core Web Vitals простыми словами

Медленный сайт теряет клиентов молча: человек не жалуется, он просто закрывает вкладку, не дождавшись загрузки. А поисковики видят это и опускают сайт в выдаче. Скорость - это и заявки, и позиции сразу. Разбираю простыми словами, что её измеряет и как ускорить сайт без переделки с нуля.

Три показателя простыми словами

LCP это время до появления основного элемента экрана. Цель до 2,5 секунды. INP это задержка между нажатием и реакцией страницы. Цель до 200 миллисекунд. CLS это смещение вёрстки во время загрузки. Цель до 0,1.

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

Первый отвечает на вопрос, как быстро появляется основное содержимое. Второй, насколько быстро сайт реагирует на нажатия. Третий, не прыгает ли вёрстка во время загрузки.

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

Как улучшить LCP

• Оптимизировать главное изображение и загружать его приоритетно.
• Убрать блокирующие стили и скрипты из начала страницы.
• Ускорить ответ сервера и включить кэширование.
• Предзагружать основной шрифт.

Оптимизировать главное изображение первого экрана, подгружать его с приоритетом, убрать блокирующие скрипты и стили, ускорить ответ сервера кэшированием.

Как улучшить INP

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

Сторонние виджеты чаще всего и есть источник задержки: чат, аналитика, карты.

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

Как убрать CLS

1. Указывать размеры изображений и видео.
2. Резервировать место под баннеры и объявления.
3. Не вставлять элементы над уже отрисованным контентом.
4. Использовать font-display swap с подходящим резервным шрифтом.

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

Порядок работ

Сначала измеряете на мобильном по реальным данным. Потом чините самый тяжёлый показатель. Затем повторяете замер. Одновременные правки не дают понять, что именно помогло.

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

Чего ждать по результату

На типовом сайте оптимизация изображений и отложенная загрузка скриптов дают улучшение LCP на 30 до 50 процентов. Дальше выигрыш требует работы с архитектурой и сервером, и он меньше по величине.

Технические показатели улучшаются сразу, эффект в позициях и заявках проявляется в течение нескольких недель.

С чего начать проверку

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

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

Нужно ли переделывать сайт целиком

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

Признак, что пора переделывать: вы устранили очевидное, а показатели всё равно в красной зоне, и каждое улучшение отыгрывается назад после обновления шаблона.

Как удержать результат

Скорость деградирует незаметно: добавили виджет чата, поставили счётчик, загрузили большую картинку в новость. Через полгода сайт снова медленный.

Помогает простое правило: любой новый скрипт на сайте требует замера до и после. Если он стоит вам полсекунды загрузки, решайте осознанно, стоит ли он того.

Частые вопросы

Обязательно ли иметь идеальные показатели? Нет, достаточно попасть в зелёную зону по всем трём и не ломать её новыми виджетами.

Сколько стоит привести сайт в порядок? Обычно от 20 до 60 тысяч рублей, если не требуется переделка вёрстки.

Влияет ли хостинг? Да, время ответа сервера напрямую влияет на первый показатель.

Как проверить свой сайт? Бесплатными инструментами измерения, но обязательно на мобильном профиле.

Первый шаг - измерить и найти узкие места, а не гадать. Посмотрите услугу ускорение и аудит сайта, а если сайт живёт на медленном сервере - перенос проекта на другой сервер и настройку VPS. Хотите узнать, что тормозит именно ваш сайт - напишите, проведу аудит.