Скорость влияет и на позиции, и на выручку: каждая лишняя секунда загрузки снижает конверсию примерно на 7%. Разберём, какие метрики важны, что чаще всего тормозит региональные сайты и в каком порядке всё исправлять.
Метрики и целевые значения
| Метрика | Что измеряет | Цель |
|---|---|---|
| LCP | Отрисовка главного элемента экрана | до 2,5 сек |
| INP | Отзывчивость на действия пользователя | до 200 мс |
| CLS | Смещение вёрстки при загрузке | до 0,1 |
| TTFB | Ответ сервера | до 0,8 сек |
| Вес страницы | Суммарный объём | до 2-3 МБ |
| Мобильный балл PageSpeed | Общая оценка | от 70-80 |
↔ таблицу можно прокрутить
Ориентируйтесь на мобильные значения: основная доля трафика в регионе идёт с телефонов, и поисковики оценивают именно мобильную версию.
Что тормозит чаще всего
- Тяжёлые изображения. Фото из камеры на 3-5 МБ в слайдере первого экрана — причина №1.
- Сторонние скрипты: чаты, виджеты, пиксели, карты, счётчики. Каждый добавляет запросы и блокирует поток.
- Шрифты: четыре начертания по 200 КБ и невидимый текст до их загрузки.
- Слабый хостинг и отсутствие кеширования — высокий TTFB.
- Тема или шаблон с десятками CSS и JS-файлов, из которых используется 10%.
- Видео на фоне в первом экране.
Практика: сжатие изображений и отложенная загрузка виджетов обычно дают больше, чем все остальные оптимизации вместе. Начинайте с них.
Изображения
- Формат WebP или AVIF вместо JPEG и PNG
- Ширина файла соответствует размеру в вёрстке, а не 4000px на блок 600px
- Указаны width и height — это устраняет скачки вёрстки
- loading="lazy" для всего ниже первого экрана
- Картинка первого экрана загружается в приоритете, без lazy
- Иконки — SVG, а не PNG
- Целевой вес одного фото: 80-200 КБ
Шрифты
- Не больше 2 семейств и 3-4 начертаний
- font-display: swap — текст виден сразу
- preconnect к домену шрифтов, preload для основного начертания
- Формат woff2
- Системный шрифт как fallback с похожими метриками
Скрипты и стили
- Отложите всё, что не нужно для первого экрана: чаты, карты, аналитика сверх счётчика
- Атрибуты defer и async для внешних скриптов
- Минификация CSS и JS, удаление неиспользуемых правил
- Критический CSS для первого экрана в разметке страницы
- Виджеты по клику: карта и чат подгружаются при взаимодействии
- Ревизия раз в полгода: старые пиксели и счётчики часто просто забыли удалить
Ускорим ваш сайт
Найдём, что тормозит загрузку, и внедрим правки. Обычно поднимаем мобильный балл на 25-40 пунктов.
Обсудить ускорение →Сервер и кеш
- Включено сжатие Gzip или Brotli
- Настроено кеширование статики на длительный срок
- HTTP/2 или HTTP/3
- Кеш страниц на стороне сервера или CMS
- CDN для статики, если трафик распределён по регионам
- Тариф хостинга соответствует нагрузке: TTFB выше 1 секунды — сигнал сменить
Скачки вёрстки
- Резервируйте место под баннеры, изображения и рекламные блоки
- Не вставляйте элементы над уже отрисованным контентом
- Задавайте размеры iframe и видео
- Анимации через transform и opacity, а не через изменение размеров
Порядок работ
| Шаг | Работы | Типичный выигрыш |
|---|---|---|
| 1 | Сжатие и WebP для всех изображений | +15-30 баллов |
| 2 | Отложенная загрузка виджетов и чатов | +10-20 баллов |
| 3 | Шрифты: swap, woff2, меньше начертаний | +5-10 баллов |
| 4 | Минификация, критический CSS | +5-15 баллов |
| 5 | Кеш, сжатие, тариф хостинга | TTFB в 2-3 раза ниже |
| 6 | Устранение CLS | Метрика в норму |
↔ таблицу можно прокрутить
Вопросы и ответы
Нужно ли добиваться 100 баллов?
Нет. Разумная цель — 80-90 на мобильных и метрики в зелёной зоне. Погоня за сотней часто ломает функциональность.
Влияет ли скорость на позиции напрямую?
Это один из факторов, но сильнее косвенное влияние: быстрый сайт получает лучшее поведение пользователей, а это уже весомый сигнал.
Что делать, если сайт на тяжёлом шаблоне?
Оптимизировать изображения и скрипты, отключить неиспользуемые модули. Если после этого мобильный балл ниже 50 — дешевле пересобрать сайт.
Итого
- Изображения и сторонние скрипты — главные тормоза.
- Цель: LCP до 2,5 сек, CLS до 0,1, мобильный балл 80+.
- Виджеты и карты подгружаются по клику.
- Ревизия скриптов и счётчиков раз в полгода.
Хотите отчёт по скорости своего сайта? Напишите нам.