Как ускорить сайт: чек-лист, который поднимает конверсию и позиции

Чтобы ускорить сайт, сначала замерьте его мобильную версию, а затем устраняйте причины в порядке их веса: тяжёлые картинки, отсутствие кэширования, медленный ответ сервера, лишние скрипты и виджеты. Ориентир — основной контент страницы появляется не дольше чем за 2,5 секунды. Большинство тормозов лечится без переписывания сайта с нуля. Ниже — чек-лист по шагам: что измерять, что чинить первым, что можно сделать самому и где искать подробности по каждой теме.

Почему скорость сайта связана с выручкой и позициями

Скорость сайта — это не про «нравится разработчику», а про деньги. Если страница грузится 5 секунд, значительная часть посетителей уходит, не дождавшись.

• Чем дольше грузится страница, тем больше людей закрывают её, не дойдя до контента.
• Медленный сайт снижает конверсию: человек не дожидается формы или каталога.
• Поисковые системы учитывают скорость и удобство страниц при ранжировании — и Google, и Яндекс.
• На мобильных интернет медленнее, а трафика с них больше — там скорость критичнее всего.
• В рекламе вы платите за клик, даже если человек закрыл вкладку раньше, чем увидел предложение.

Какая скорость загрузки считается нормальной

Ориентируйтесь не на «ощущение», а на метрики. Основные — три показателя Core Web Vitals, которыми описывают удобство страницы для посетителя, и время ответа сервера.

Если основной контент появляется дольше 4 секунд, это уже плохой результат, который заметно бьёт по конверсии. Как эти показатели считаются и какую роль играют в поиске, мы разобрали в статье про Core Web Vitals для бизнеса.

Как измерить скорость сайта: пошагово

1. Откройте PageSpeed Insights — бесплатный сервис Google — и введите адрес страницы.
2. Смотрите результат для мобильных устройств: мобильная версия почти всегда медленнее, а посетителей с неё больше.
3. Проверьте не только главную, но и типовые страницы: услугу, карточку товара, каталог, статью. Тормозить может один шаблон из нескольких.
4. Обратите внимание на блок с данными реальных пользователей, если он есть: это то, что видят посетители, а не лабораторный замер.
5. В Яндекс Метрике откройте отчёт о времени загрузки страниц: он покажет, какие страницы и на каких устройствах открываются медленнее всего.
6. Запишите цифры. Без замера «до» невозможно понять, помогло ли исправление.

Общий балл от 0 до 100 — удобная, но грубая оценка. Важнее сами метрики и список рекомендаций под ними: там прямо указано, какие файлы и скрипты замедляют страницу.

Что тормозит сайт: как найти причину по симптому

Как оптимизировать картинки

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

• сжимайте картинки и отдавайте их в форматах WebP или AVIF вместо тяжёлых JPEG и PNG;
• не грузите фото шириной 4000 px, если оно показывается в блоке шириной 600 px;
• включите отложенную загрузку (lazy load) для картинок ниже первого экрана — но не для главного изображения вверху страницы, иначе пострадает LCP;
• задавайте размеры изображений, чтобы вёрстка не «прыгала» при загрузке.

Перевести файлы в современный формат можно бесплатно, например нашим конвертером JPG в WebP. Размеры, форматы, подписи и поиск по картинкам подробно разобраны в статье про оптимизацию картинок на сайте.

Как настроить кэширование

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

• Кэш страниц на сервере. Готовая страница сохраняется и отдаётся следующим посетителям без обращения к базе данных.
• Кэш в браузере. Заголовки кэша для статики — картинок, стилей, шрифтов — чтобы при повторном визите они брались с устройства посетителя.
• Исключения. Корзину, личный кабинет и оформление заказа кэшировать нельзя: у каждого посетителя там своё содержимое.

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

Как ускорить ответ сервера

Можно вылизать сайт, но упереться в слабый хостинг. Если TTFB стабильно высокий даже на простой странице, причина на стороне сервера.

• Версия PHP. Новые версии обрабатывают те же страницы заметно быстрее старых, а переключение обычно занимает пару минут в панели. Перед сменой сделайте копию сайта; подробности — в статье зачем обновлять PHP на хостинге.
• Диски. NVMe заметно быстрее обычных SSD, и сильнее всего это видно на сайтах с базой данных. Разницу мы объясняли в материале NVMe против SSD.
• Расположение сервера. Чем ближе он к вашей аудитории, тем меньше сетевая задержка.
• Ресурсы тарифа. Если сайт перерос виртуальный хостинг и упирается в лимиты, помогает переезд на VPS.
• Сжатие и протокол. Сжатие текста (gzip или Brotli) и HTTP/2 у большинства хостеров включаются в панели или работают по умолчанию — проверьте, что они активны.
• База данных. Со временем в ней копятся старые версии записей, логи и мусор от удалённых плагинов. Чистка ускоряет и сайт, и админку.

Что делать со скриптами, виджетами и шрифтами

• Уберите неиспользуемые плагины и виджеты — каждый тянет свои скрипты.
• Сожмите и объедините CSS и JavaScript, отложите загрузку некритичных скриптов.
• Аккуратнее с чатами, счётчиками и пикселями: пять внешних сервисов легко добавляют пару секунд.
• Оставьте два-три начертания шрифта и подключайте их в формате WOFF2. Каждое лишнее начертание — отдельный файл.
• Видео не загружайте вместе со страницей: показывайте обложку, а плеер подключайте по клику.

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

Нужен ли сайту CDN

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

Чек-лист ускорения сайта: от самого весомого

• Замерили LCP, INP, CLS и TTFB на мобильной версии главной и типовых страниц.
• Сжали картинки и перевели их в WebP или AVIF.
• Включили lazy load для изображений ниже первого экрана и задали размеры картинок.
• Настроили кэш страниц на сервере и кэш статики в браузере.
• Исключили из кэша корзину, личный кабинет и оформление заказа.
• Проверили хостинг: версию PHP, тип дисков, запас по ресурсам.
• Включили сжатие текста и HTTP/2.
• Удалили лишние плагины и виджеты, отложили некритичные скрипты.
• Сократили число шрифтов и начертаний.
• Оценили, нужен ли CDN.
• Повторили замер и сравнили с цифрами «до».

Что можно сделать самому, а что поручить разработчику

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

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

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

• Гонятся за 100 баллами. Балл — не цель. Важно, чтобы метрики были в зелёной зоне, а сайт ощущался быстрым; последние проценты стоят дорого и посетителям незаметны.
• Проверяют только главную и только с компьютера. А посетители приходят со смартфонов на карточки товаров и страницы услуг.
• Ставят несколько плагинов оптимизации сразу. Они конфликтуют между собой и замедляют сайт вместо ускорения.
• Включают объединение и сжатие скриптов без проверки. После этого перестают работать формы, слайдеры или корзина. После каждого изменения проходите по сайту как покупатель.
• Покупают тариф мощнее, не найдя причину. Если страница весит 10 МБ из-за картинок, дополнительные ядра её не ускорят.
• Ускорили и забыли. Новый баннер на 3 МБ или ещё один виджет возвращают всё назад. Повторяйте замер после заметных изменений на сайте.

Коротко

Сначала замер на мобильной версии, затем — картинки, кэширование, сервер, скрипты и только в конце CDN. Ориентиры: LCP до 2,5 секунды, INP до 200 мс, CLS меньше 0,1. Большую часть эффекта дают первые два-три шага, и они же самые простые.

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