Оптимизация скорости сайта: полный чек-лист 2026

Скорость загрузки сайта — это не только про 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 вещи — результат увидите сразу:

  1. Сконвертируйте главные изображения в WebP
  2. Подключите бесплатный Cloudflare
  3. Включите кэширование браузера

Заключение: Скорость сайта — это процесс, а не разовая акция. Регулярно проверяйте показатели, особенно после добавления новых функций или плагинов. Цель — уложиться в 1-2 секунды до первого отображения контента (FCP). Быстрые сайты любят пользователи, поисковики и ваш кошелёк.