Ускорение сайта по Core Web Vitals

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

LCPINPCLSPageSpeed
118+ проектов
12 лет на рынке
4.9 рейтинг
Дальше интереснее
Когда нужно ускорение

Сайт красивый, но медленный

Скорость почти не видна на скриншотах, но именно из-за неё люди уходят до заявки, а поисковик реже показывает страницы. Смотрим причины, а не только оценки.

01
LCP

Первый экран грузится долго

Посетитель видит пустую страницу или баннер без текста. Ещё до прокрутки часть людей уже уходит.

02
INP

Кнопки не успевают отвечать

Формы, фильтры и меню срабатывают с задержкой. Пользователь решает, что сайт завис, и закрывает его.

03
Mobile

На телефоне всё медленнее

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

04
Конверсия

Заявки есть, но их меньше

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

Что оптимизируем

Семь точек, где теряется скорость

Проверяем не только PageSpeed, но и реальные причины: вес страниц, порядок загрузки, сервер и сторонние сервисы. Изменения фиксируем замерами.

Изображения и видео

Переводим в WebP и AVIF, задаём размеры, подключаем lazy load и убираем лишние фоновые картинки.

до 60% веса страницы

Код и CSS/JS

Убираем неиспользуемые стили и скрипты, минифицируем, откладываем загрузку и разбиваем длинные задачи.

INP и TBT

Кэширование

Настраиваем браузерный кэш, серверное кэширование и отдачу статики без повторных запросов.

повторные визиты

CDN и сервер

Смотрим TTFB, HTTP/2, gzip/brotli и географию. Подключаем CDN, если аудитория распределена.

TTFB

Шрифты

Оставляем нужные начертания, подключаем preload и font-display, убираем дубли и тяжёлые наборы.

LCP и CLS

Сторонние скрипты

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

третьи стороны
Главный ориентир

Core Web Vitals

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

LCP отрисовка INP отклик CLS сдвиг
Цены

Сколько стоит ускорение сайта

Два формата: ускорение сайта как отдельная задача и ускорение в рамках SEO-продвижения. Начинаем с замеров, чтобы не делать лишнего.

Изображения и шрифты
Код, кэш и скрипты
Core Web Vitals
Срок 5–7 дней
Основное Ускорение сайта Полная оптимизация скорости 30 000 ₽
Заказать
Техническая оптимизация
Скорость и индексация
Отчёт для SEO
Срок 3–5 дней
Для SEO Ускорение сайта в рамках SEO Скорость вместе с продвижением 20 000 ₽
Заказать

Цены предварительные. Точную смету фиксируем после диагностики скорости. Доработка функционала и оплата хостинга, CDN и сторонних сервисов считаются отдельно.

Проекты

Смежные кейсы

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

Сайт «Неолит» после редизайна
Смежный кейсКамень и отделка

Неолит

Редизайн и обновление структуры

  • Изображения перевели в WebP
  • Обновили первый экран и навигацию
  • Проверили адаптив и структуру каталога
Смотреть сайт
Туристический портал ALLTURIZM.RU
Смежный кейсТуризм

ALLTURIZM.RU

Портал о туризме и путешествиях

  • Собрали страны, отели и билеты в одном месте
  • Добавили статьи, новости и адаптивную структуру
  • Проверили изображения и мобильную версию
Смотреть сайт
Сайт компании «Аврора Плюс»
Смежный кейсМедицина

Аврора Плюс

Каталог оборудования

  • Собрали каталог по категориям
  • Подготовили изображения для веба
  • Проверили формы заявки на мобильных
Смотреть сайт
Интернет-магазин «ЖарГрад»
Смежный кейсE-commerce

ЖарГрад

Магазин банных печей и дымоходов

  • Собрали каталог с фильтрами
  • Настроили обмен каталогом и остатками с 1С
  • Проверили изображения и карточки товаров
Смотреть сайт
Сайт компании «Техносталь-Про»
Смежный кейсПроизводство

Техносталь-Про

Металлообработка и B2B-услуги

  • Собрали каталог услуг и оборудования
  • Настроили обмен ценами и остатками с 1С
  • Проверили структуру и формы заявок
Смотреть сайт
Портал «Россия — Моя история»
Смежный кейсКультура

«Россия — Моя история»

Исторический мультимедийный парк

  • Собрали афишу и тематические разделы
  • Подготовили мультимедиа и адаптивную вёрстку
  • Проверили изображения и мобильную версию
Смотреть сайт
Пример отчёта

Отчет по ускорению сайта

Демонстрационный пример: что изменилось после оптимизации. В реальном проекте подставляем замеры вашего сайта.

74%ускорение загрузки
−3.2сLCP
5из 5метрик в норме
1.1МБвес страницы было 4.8
98/100Lighthouse было 42
pagespeed.web.dev / mobile
98PageSpeed
LCPскорость отрисовки1.2 с
FIDзадержка ввода35 мс
CLSсдвиг контента0.04
INPотклик на действие78 мс
TTFBответ сервера0.3 с

Полная таблица метрик до / после

Lighthouse, мобильный профиль, 4G и 4× CPU throttling. Верхняя полоса в динамике — до, нижняя — после.

МетрикаДоПослеДельтаНормаДинамика
LCPLargest Contentful Paint
4.2 с1.2 с−71%≤ 2.5 с
FIDFirst Input Delay
190 мс35 мс−82%≤ 100 мс
CLSCumulative Layout Shift
0.320.04−87%≤ 0.1
INPInteraction to Next Paint
215 мс78 мс−64%≤ 200 мс
FCPFirst Contentful Paint
2.8 с0.9 с−68%≤ 1.8 с
TTFBTime to First Byte
1.2 с0.3 с−75%≤ 0.8 с
Вес страницыTotal transfer size
4.8 МБ1.1 МБ−77%—
ЗапросыHTTP requests
14258−59%—
LighthousePerformance score
4298+133%90–100

Водопад загрузки

Ключевые ресурсы на первой загрузке. Ширина сегментов — доля от общего времени до LCP после оптимизации.

HTMLindex.html
DNS TCP TLS TTFB Download
0.30 с
CSS criticalinline
Inline
0.12 с
Шрифтwoff2, preload
DNS TCP TLS woff2
0.24 с
Hero imageLCP, webp, priority
DNS TCP TLS TTFB WebP 48 КБ
0.68 с
Main JSdefer, split
Parse JS 84 КБ
0.74 с
Analyticsasync, отложен
3rd party
0.42 с
DNS TCP TLS TTFB Download Parse / blocked

Что сделали и какой эффект

Каждое действие привязано к метрике и измеренному выигрышу.

01
Изображения → WebP/AVIF + responsive srcset + lazyКонвертация, сжатие, правильные размеры, отложенная загрузка ниже первого экрана.
LCP −1.6 с
02
Критический CSS inline + defer остальногоУбрали блокирующий рендер CSS, разбили бандл.
FCP −1.9 с
03
Шрифты: preload + font-displayОставили нужные начертания, убрали дубли и тяжёлые наборы.
CLS −0.28
04
Кэш, сжатие и серверНастроили браузерный кэш, gzip/brotli и отдачу статики.
TTFB −0.9 с
05
Сторонние скриптыОтложили аналитику, чаты и виджеты, которые не нужны на первом экране.
INP −137 мс

Демонстрационные данные. В реальном отчёте — ваш сайт, устройства, регион и дата замера.

После оптимизации
Смотрим лабораторные и полевые данные Сравниваем mobile и desktop Фиксируем замеры до и после
Вопросы и ответы

Вопросы об ускорении сайта

Собрали то, что чаще всего спрашивают перед стартом: метрики, цены, сроки, CMS и ограничения.

Что такое Core Web Vitals и почему они важны?

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

Они влияют на поведение пользователей: чем дольше грузится первый экран и чем чаще «прыгает» контент, тем выше отказы и ниже конверсия. Поисковые системы также учитывают скорость и удобство страницы в оценке качества.

Мы смотрим и лабораторные замеры (Lighthouse, PageSpeed), и полевые данные (CrUX, Метрика), потому что оценки могут отличаться.

Сколько стоит ускорение сайта?

Ускорение сайта — 30 000 ₽, ускорение сайта в рамках SEO — 20 000 ₽.

Цена зависит от CMS, размера сайта, количества шаблонов, сторонних сервисов и состояния кода. После диагностики фиксируем точную смету и объём работ.

Если нужна только диагностика, можно отдельно заказать технический аудит и решить, что исправлять своими силами.

Сколько времени занимает ускорение?

Ускорение сайта — 5–7 рабочих дней, ускорение в рамках SEO — 3–5 дней. Если нужна предварительная диагностика, добавьте 2–3 дня на аудит.

Срок зависит от размера сайта, CMS, доступов и количества правок. Если сайт большой или есть нестандартные интеграции, срок согласуем отдельно.

Работы идём по приоритету: сначала то, что даёт максимальный эффект, затем менее критичные улучшения.

Можно ли ускорить сайт на WordPress или 1С-Битрикс?

Да. На WordPress и 1С-Битрикс оптимизируем изображения, кэш, скрипты, шрифты и настройки сервера.

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

Работаем с доступами по договору и не меняем сайт без согласования.

Можно ли ускорить сайт на Tilda, Wix или другом конструкторе?

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

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

Если конструктор не даёт нужного результата, предложим перенос на CMS без потери структуры и контента.

Гарантируете ли 100/100 в PageSpeed?

Нет. Оценка зависит от хостинга, CMS, сторонних сервисов и устройства пользователя. Иногда 100/100 технически недостижимы без отказа от нужного функционала.

Гарантируем реальные улучшения Core Web Vitals и фиксируем замеры до и после. Смотрим, как изменения влияют на реальных пользователей, а не только на лабораторную оценку.

Если ограничение принципиальное, скажем об этом до начала работ.

Не потеряются ли позиции в поиске после ускорения?

Работаем аккуратно: сохраняем URL, редиректы, структуру и контент. Если правки влияют на индексацию, согласуем их и проверяем после запуска.

Ускорение обычно помогает поведенческим факторам, но не заменяет SEO-работы. Если нужно, дополним проект техническим аудитом и планом продвижения.

На больших сайтах изменения тестируем на копии или отдельных страницах, чтобы снизить риски.

Как часто нужно проверять скорость сайта?

После редизайна, смены хостинга, обновления CMS или подключения новых скриптов. Профилактически — раз в 3–6 месяцев, если сайт активно развивается.

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

Если нужно, берём скорость на поддержку и проверяем её после каждого крупного обновления.

Наша команда

Люди, которые работают над вашим сайтом

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

Нажмите на бейдж, чтобы перевернуть

Оставьте заявку

Рассчитаем ваш проект

Заполните форму и мы вам перезвоним, ответим на вопросы и подготовим КП с разными вариантами разработки.

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