Оптимизация скорости сайта: полный чек-лист 2026
📅 9 апреля 2026 · ⏱ 8 мин чтения · 👨💻 Павел Новиков
Скорость загрузки сайта — это не только про SEO. 53% пользователей уходят, если страница грузится дольше 3 секунд. Каждая лишняя секунда стоит вам клиентов и денег. Вот полный чек-лист, как ускорить сайт до 1 секунды.
1. Изображения — главный тормоз
Изображения составляют 60-70% веса страницы. Оптимизируйте их в первую очередь.
✅
Используйте современные форматы: WebP или AVIF вместо JPEG/PNG. Экономия 25-35% без потери качества.
✅
Сжимайте изображения. Бесплатные инструменты: Squoosh (online), ImageOptim (macOS), RIOT (Windows).
✅
Укажите размеры изображения (width/height) — браузер зарезервирует место и не будет перерисовывать layout.
✅
Добавьте loading="lazy" для изображений ниже скролла — они загрузятся только когда пользователь докрутит.
2. CSS и JavaScript: критический рендеринг
✅
Минифицируйте CSS/JS (удалите пробелы, комментарии, переносы). Инструменты: UglifyJS, CSSNano, онлайн-сервисы.
✅
Критический CSS — стили для первого экрана вставьте прямо в head. Остальное загружайте асинхронно.
✅
JS-скрипты грузите с атрибутами async или defer. async — загружается параллельно и выполняется сразу. defer — выполняется после загрузки DOM.
3. Кэширование — спасение для повторных визитов
✅
Настройте кэширование браузера через .htaccess или nginx.conf. Задайте срок жизни (expires) для статики: 1 год для изображений, 1 месяц для CSS/JS.
✅
Используйте кэширование на сервере. Для PHP — OpCache, для WordPress — плагины кэширования (WP Rocket, W3 Total Cache).
4. CDN — доставляем контент быстрее
✅
Подключите CDN (Cloudflare, AWS CloudFront, Akamai, Qiwi CDN). Бесплатный план Cloudflare даёт отличный прирост скорости.
CDN хранит копии вашего сайта на серверах по всему миру. Пользователь получает данные с ближайшего сервера, а не с вашего хостинга в другой стране.
5. Хостинг — фундамент скорости
✅
Общий хостинг (shared) — медленно. Переходите на VPS или облачные решения (DigitalOcean, Vscale, TimeWeb Cloud).
✅
Выбирайте хостинг с NVMe дисками (вместо SSD), PHP 8.x, HTTP/2 или HTTP/3 поддержкой.
6. Шрифты — невидимый убийца скорости
✅
Оставляйте только необходимые начертания шрифтов (Regular, Bold, не подключайте Light, Thin, Medium, если не нужны).
✅
Используйте font-display: swap — пока шрифт грузится, текст отображается системным.
✅
Храните шрифты локально, а не грузите с Google Fonts (экономия DNS-запроса).
7. База данных — чистка и индексы
✅
Регулярно удаляйте спам-комментарии, ревизии, временные таблицы (для CMS).
✅
Оптимизируйте запросы — добавляйте индексы на часто используемые колонки (WHERE, JOIN, ORDER BY).
8. Gzip / Brotli — сжатие на лету
✅
Включите сжатие Brotli (лучше Gzip на 20-25%). Сервер будет сжимать HTML, CSS, JS перед отправкой.
Как измерить скорость и найти проблемы
- Google PageSpeed Insights — главный инструмент. Даёт конкретные рекомендации.
- GTmetrix — показывает водопад загрузки каждого ресурса.
- WebPageTest — можно выбрать географию и устройство.
- Chrome DevTools (вкладка Lighthouse) — аудит прямо в браузере.
Быстрые победы для мгновенного эффекта
Если времени мало, сделайте эти 3 вещи — результат увидите сразу:
- Сконвертируйте главные изображения в WebP
- Подключите бесплатный Cloudflare
- Включите кэширование браузера
Заключение: Скорость сайта — это процесс, а не разовая акция. Регулярно проверяйте показатели, особенно после добавления новых функций или плагинов. Цель — уложиться в 1-2 секунды до первого отображения контента (FCP). Быстрые сайты любят пользователи, поисковики и ваш кошелёк.