Вы знали, что 40% пользователей покидают сайт, если он грузится дольше 3 секунд? А Google и Яндекс понижают в выдаче медленные сайты? Скорость загрузки — это не про комфорт, а про деньги и позиции.
Хорошая новость: большинство проблем со скоростью решаются за один вечер. В этой статье — пошаговый чек-лист из 10 пунктов. Пройдитесь по нему, и ваш сайт полетит.
Шаг 1. Измерьте текущую скорость
Без замеров невозможно понять, что улучшать. Используйте бесплатные инструменты:
- Google PageSpeed Insights — главный инструмент. Показывает оценку от 0 до 100 для мобильных и десктопа. Цель — зелёная зона (выше 70).
- GTmetrix — детальный разбор: размер страницы, количество запросов, время до первого байта (TTFB).
- Web.dev — от Google, с конкретными рекомендациями по исправлению.
Что записать перед началом: текущую оценку PageSpeed (мобильная + десктоп), время полной загрузки и количество запросов. После оптимизации сравните.
Шаг 2. Выберите хороший хостинг
Дешёвый хостинг — главная причина тормозов. Если ваш сайт на тарифе за 100-200 ₽/месяц с 512 МБ ОЗУ — не ждите чудес.
Что делать:
- Перейдите на VPS или выделенный сервер, если сайт получает 2000+ посетителей в день
- Для среднего трафика (500-2000) подойдёт хороший shared-хостинг: Beget, Timeweb, Spaceweb (тарифы от 300-500 ₽/месяц)
- Убедитесь, что хостинг использует SSD-накопители, а не HDD
Шаг 3. Настройте кеширование
Кеширование сохраняет копию страницы на стороне пользователя или сервера, чтобы при повторном визите сайт загружался мгновенно.
Для WordPress: установите плагин WP Rocket (платный, лучший), W3 Total Cache или LiteSpeed Cache (бесплатные). Включите:
- Кеш страниц (Page Cache)
- Кеш браузера (Browser Cache) — на 1-4 недели
- Минификацию HTML, CSS, JS (об этом в шаге 7)
Для других CMS: настройте кеширование на уровне хостинга — спросите в поддержке, часто это делается одним переключателем в панели управления.
Шаг 4. Оптимизируйте изображения
Изображения — самая частая причина тормозов. Картинка на 5 МБ из фотоаппарата убивает скорость.
Что делать:
- Сжимайте изображения перед загрузкой: TinyPNG или Squoosh (бесплатно, сжатие до 70-80% качества без потери визуального качества)
- Используйте формат WebP вместо JPG/PNG — весит на 25-35% меньше. В WordPress плагины типа Imagify или ShortPixel конвертируют автоматически
- Укажите размеры изображения в атрибутах width и height — браузер зарезервирует место и не будет пересчитывать вёрстку
- Используйте lazy loading (ленивую загрузку) — изображения подгружаются только когда пользователь доскроллит до них. В WordPress это есть по умолчанию с версии 5.5
Шаг 5. Подключите CDN
CDN (Content Delivery Network) — сеть серверов по всему миру. Ваш сайт копируется на них, и посетитель загружает данные с ближайшего сервера.
- Cloudflare — бесплатный тариф отлично подходит для большинства сайтов. Регистрация за 5 минут, достаточно поменять DNS.
- QUIC.cloud — хорош для сайтов на WordPress + LiteSpeed
- KeyCDN, BunnyCDN — платные (от 10-20 $/месяц), но быстрее
Шаг 6. Уменьшите количество плагинов и скриптов
Каждый плагин подключает свои CSS и JS файлы — это дополнительные запросы к серверу.
Что делать:
- Удалите неиспользуемые плагины (даже отключённые)
- Замените несколько плагинов одним многофункциональным (например, вместо 3 плагинов для форм, кеша и SEO используйте один комбайн)
- Проверьте, какие скрипты грузятся на странице через инструменты разработчика → вкладка Network
Для WordPress: плагин Asset CleanUp позволяет отключать загрузку ненужных скриптов на конкретных страницах.
Шаг 7. Включите минификацию и объединение файлов
Минификация убирает из кода пробелы, комментарии, переносы строк — файлы становятся легче на 20-50%.
Что делать: в плагине кеширования (WP Rocket, W3 Total Cache, LiteSpeed Cache) найдите раздел "Minify" и включите:
- Минификация HTML
- Минификация CSS
- Минификация JavaScript
- Объединение CSS/JS (Combine) — но тестируйте, иногда ломает вёрстку
Шаг 8. Используйте современные форматы шрифтов
Шрифты — скрытая проблема. Google Fonts, Typekit и другие сервисы могут тормозить сайт.
- Загружайте шрифты с дисковой кеш-памятью (можно настроить в хостинге или Cloudflare)
- Ограничьте количество начертаний шрифта (400, 700 — достаточно, не подключайте 200, 300, 500, 600, 800, 900)
- Используйте системные шрифты (Arial, Helvetica, Roboto, Inter) — они уже установлены на устройстве пользователя и не требуют загрузки
Шаг 9. Оптимизируйте базу данных (для CMS)
База данных со временем разрастается: ревизии записей, временные таблицы, спам-комментарии.
- Для WordPress: плагин WP-Optimize (очистка) или Advanced Database Cleaner
- Удалите все ревизии записей (оставьте только последнюю версию)
- Удалите неактивные временные опции
- Запускайте оптимизацию раз в 1-2 месяца
Шаг 10. Отключите внешние скрипты и виджеты
Счётчики, чаты, кнопки соцсетей, рекламные сети — всё это грузит сайт извне.
- Уберите неиспользуемые счётчики (если у вас стоят и LiveInternet, и Yandex.Metrica, и Google Analytics — оставьте один или два)
- Кнопки соцсетей замените на статические ссылки (без iframe)
- Онлайн-чат перенесите в отдельную вкладку или используйте асинхронную загрузку
На LINKBOOST рекламные коды можно загружать асинхронно — это не тормозит основной контент.
☐ Замерили скорость на PageSpeed Insights
☐ Хороший хостинг (не экономный)
☐ Включили кеширование
☐ Сжали изображения, перевели в WebP
☐ Подключили Cloudflare (бесплатно)
☐ Удалили ненужные плагины
☐ Включили минификацию
☐ Оптимизировали шрифты
☐ Почистили базу данных
☐ Отключили лишние внешние скрипты
Как проверить результат?
Через 2-3 дня после всех настроек снова прогоните сайт через PageSpeed Insights. Оценка должна вырасти минимум на 10-15 баллов. Если нет — вернитесь к шагу, который сделали, и проверьте настройки.
Быстрый сайт = довольные посетители + высокие позиции в поиске + больше кликов по рекламе. Вы в выигрыше по всем фронтам.
Настроить сайт и начать зарабатывать
Скорость сайта — это уважение к своим посетителям.