Почему скорость сайта важна
Медленная страница теряет посетителей ещё до того, как они увидят оффер: на мобильном интернете человек ждёт несколько секунд белого экрана и возвращается в выдачу. Для поисковых систем это плохой поведенческий сигнал, а для рекламы — оплаченный клик без заявки. Google открыто использует Core Web Vitals как один из сигналов качества страницы, Яндекс формулу не раскрывает, но медленный сайт ухудшает поведение пользователей, которое он учитывает. Поэтому ускорение сайта — это не косметика, а часть SEO и работы над конверсией. При этом скорость не заменяет контент и релевантность: быстрый, но слабый сайт в ТОП не выйдет. Если непонятно, скорость ли главная проблема, начните с комплексного аудита сайта.
Core Web Vitals: LCP, INP, CLS
- LCP (Largest Contentful Paint) — время отрисовки самого крупного элемента первого экрана. Хорошее значение — до 2,5 секунды.
- INP (Interaction to Next Paint) — насколько быстро страница реагирует на клики и ввод. С 2024 года заменил FID, хорошее значение — до 200 мс.
- CLS (Cumulative Layout Shift) — насколько «прыгает» вёрстка при загрузке. Хорошее значение — до 0,1.
- TTFB — время ответа сервера. Не входит в Core Web Vitals, но при медленном сервере хорошего LCP не добиться.
Важно различать полевые и лабораторные данные. PageSpeed Insights показывает оба типа: сверху — реальные пользователи Chrome за 28 дней, ниже — синтетический тест Lighthouse. Оценки Lighthouse полезны для поиска проблем, но цель — улучшить именно полевые показатели.
Что обычно тормозит сайт
В большинстве проектов причин немного, и они повторяются. Изображения загружены в исходном размере с фотоаппарата и не сжаты. На каждой странице подключены онлайн-чат, виджет обратного звонка, несколько счётчиков, пиксели соцсетей и карта — всё загружается сразу. Шрифт подключён в шести начертаниях со стороннего сервера. Слайдер на первом экране с пятью большими фото. Дешёвый хостинг без кеширования и старая версия PHP. На WordPress — десятки плагинов и тяжёлый визуальный конструктор, на Битриксе — выключенный композитный кеш и тяжёлые запросы в каталоге. Когда тему WordPress уже не спасти оптимизацией, бывает дешевле сделать сайт на WordPress заново на лёгкой собственной теме.
Как мы ускоряем сайт по шагам
Начинаем с самого дешёвого и заметного эффекта: изображения, отложенная загрузка сторонних скриптов, кеш и сжатие на сервере. Затем разбираем критический путь отрисовки — что должно загрузиться для первого экрана, а что может подождать. Для INP ищем тяжёлые обработчики событий и длинные задачи в JavaScript. Для CLS резервируем место под медиа и баннеры. Если сайт работает на слабом хостинге, советуем конкретные параметры сервера или переезд. CDN подключаем, когда аудитория распределена по стране или статики много, — для локального сайта в Нижнем Новгороде он не всегда нужен.
Ускорение сайта на Tilda, WordPress и Битрикс
- Tilda — ограниченный доступ к коду, поэтому работаем с размером и форматом изображений, числом блоков, сторонними виджетами и шрифтами.
- WordPress — аудит плагинов, замена тяжёлых конструкторов там, где это оправдано, кеширование страниц, оптимизация базы и объектный кеш.
- 1С-Битрикс — композитный режим, кеширование компонентов, объединение и минификация ресурсов, оптимизация запросов каталога.
- Самописные сайты и Next.js — разбиение бандлов, серверный рендеринг, оптимизация изображений и кеширование на уровне сервера.
Сроки, стоимость и что дальше
Ускорение лендинга или небольшого сайта обычно занимает около недели, корпоративного сайта — одну-две недели, интернет-магазина — до месяца. Стоимость от 30 000 ₽, точную сумму называем после замеров. Полевые данные Core Web Vitals обновляются с задержкой около месяца, поэтому финальную сверку делаем позже. Чтобы сайт не замедлился снова, даём правила по загрузке изображений и подключению виджетов, а регулярный контроль можно включить в техническую поддержку. Если кроме скорости есть другие технические проблемы, начните с технического аудита сайта; если сайт устарел настолько, что ускорять нечего, обсудим разработку сайта под ключ. Сопутствующие правки — формы, блоки, скрипты — берём в рамках доработки сайта.