Скорость загрузки — один из прямых факторов ранжирования в Яндексе. Медленный сайт теряет позиции, теряет пользователей и теряет деньги. 53% мобильных пользователей закрывают страницу, если она грузится дольше 3 секунд. Разбираем, как это исправить.
Шаг 1. Измерьте текущую скорость
Прежде чем что-то делать — нужно понять, где вы сейчас. Используйте эти инструменты:
- PageSpeed Insights (pagespeed.web.dev) — главный инструмент. Показывает баллы для мобильных и десктопа, и конкретные проблемы с пояснениями что исправить.
- Яндекс.Вебмастер — во вкладке «Технические проблемы» есть данные о скорости.
- WebPageTest.org — детальный анализ с waterfall-графиком загрузки.
Целевые показатели: 90+ баллов на десктопе, 70+ баллов на мобильном. Ниже 50 — критическая проблема.
Шаг 2. Оптимизируйте изображения
Изображения — самая частая причина медленной загрузки. Они занимают 60-80% от общего веса страницы. Что делать:
- Конвертируйте в WebP — современный формат, на 30-50% легче JPEG при том же качестве. Используйте squoosh.app или любой онлайн-конвертер.
- Сжимайте перед загрузкой — сервис tinypng.com убирает лишние данные без потери видимого качества.
- Указывайте размеры — атрибуты width и height у тега img позволяют браузеру зарезервировать место до загрузки изображения, устраняя «прыжки» контента.
- Используйте lazy loading — атрибут loading="lazy" откладывает загрузку картинок, которые не видны на экране.
Быстрый тест: откройте PageSpeed Insights для вашего сайта. Если в разделе «Возможности» есть пункт «Правильный формат изображений» или «Сжатие изображений» — это ваш приоритет №1. Исправление только этого пункта часто даёт +20-30 баллов.
Шаг 3. Включите кэширование браузера
Кэширование позволяет браузеру сохранять файлы сайта у пользователя. При повторном визите страница загружается мгновенно — браузер берёт файлы из кэша, а не скачивает заново.
Настраивается через заголовки сервера (Cache-Control) или через файл .htaccess на Apache. Если у вас CMS — установите плагин кэширования (WP Super Cache, W3 Total Cache для WordPress).
Шаг 4. Минифицируйте CSS и JavaScript
Минификация — удаление лишних пробелов, переносов строк и комментариев из кода. Размер файлов уменьшается на 20-40%, загрузка ускоряется.
Инструменты: для CSS — cssnano, для JS — Terser. Если на CMS — плагины типа Autoptimize делают это автоматически.
Шаг 5. Используйте CDN
CDN (Content Delivery Network) — сеть серверов по всему миру. Пользователь из Владивостока получает файлы с ближайшего сервера, а не тянет их из Москвы. Это снижает время отклика в разы.
Для старта подойдёт бесплатный Cloudflare — даёт CDN, защиту от DDoS и дополнительное кэширование.
Шаг 6. Отложите загрузку лишних скриптов
Скрипты, которые загружаются в <head>, блокируют отрисовку страницы. Переносите скрипты в конец <body> или используйте атрибуты async / defer — они разрешают браузеру продолжать загрузку страницы, не дожидаясь скрипта.
Шаг 7. Выберите быстрый хостинг
Никакая оптимизация не поможет, если сам сервер отвечает медленно. Время до первого байта (TTFB) должно быть менее 200 мс. Если ваш хостинг выдаёт 500+ мс — пора менять.
Чеклист: быстрые победы
- ✓ Проверил скорость на pagespeed.web.dev
- ✓ Конвертировал изображения в WebP
- ✓ Сжал все картинки через tinypng.com
- ✓ Добавил loading="lazy" к изображениям вне первого экрана
- ✓ Включил кэширование на сервере
- ✓ Минифицировал CSS и JS
- ✓ Перенёс скрипты в конец body
Ускорим ваш сайт и поднимем позиции
Технический аудит + оптимизация скорости — в рамках продвижения под ключ. Первые результаты уже через сутки после старта.