Включение gzip и brotli сжатия для ускорения загрузки страниц
Дата публикации: 24.04.2026

Включение gzip и brotli сжатия для ускорения загрузки страниц

Хочу себе такие же кнопки
ccb9a536

Gzip и Brotli: Как сжать сайт до размера таблетки и ускорить его в 2–5 раз

Вы когда-нибудь ждали, пока загрузится сайт, и думали: "Ну почему так медленно?!" А теперь представьте, что ваш собственный проект тормозит у посетителей. Потеря трафика, деньги, репутация — всё это последствия медленной загрузки.

Хорошая новость: есть простой способ ускорить сайт на 20–80% без покупки дорогого сервера. Решение — сжатие данных с помощью gzip и brotli. Это как упаковать большой чемодан в вакуумный пакет: объём уменьшается, а содержимое остаётся тем же.

В этом уроке вы научитесь: ✅ Почему сжатие ускоряет сайт (спойлер: меньше данных = быстрее загрузка). ✅ В чём разница между gzip и brotli и какой алгоритм лучше. ✅ Как включить сжатие на Nginx и Apache (пошаговые инструкции с кодами). ✅ Как проверить, работает ли сжатие (инструменты и команды). ✅ Типичные ошибки и как их избежать.

1. Почему сжатие данных ускоряет сайт? Аналогия с почтой

Представьте, что ваш сайт — это посылка, которую вы отправляете посетителю. Чем тяжелее посылка, тем дольше её везти.

  • Без сжатия: Вы отправляете коробку с воздухом (HTML, CSS, JS в исходном виде).
  • Со сжатием: Вы упаковываете всё в вакуумный пакет (gzip/brotli), и коробка становится в 3–5 раз легче.

Результат:

  • Страницы грузятся быстрее (особенно на медленном интернете).
  • Сервер тратит меньше трафика (экономия на хостинге).
  • Поисковые системы (Google, Yandex) лучше ранжируют быстрые сайты.

2. Gzip vs Brotli: Кто кого пережимает?

Параметр Gzip Brotli
Год выпуска 1992 (как динозавр в IT) 2015 (от Google)
Сжатие Хорошее (уменьшает на ~60–70%) Лучшее (уменьшает на ~70–85%)
Скорость Быстро сжимает/разжимает Медленнее сжимает, но лучше жмёт
Поддержка Все браузеры (даже IE6) Все современные браузеры (96%+)
Где использовать Универсально (HTML, CSS, JS) Оптимально для текста (HTML, CSS, JSON)

Вывод:

  • Brotli лучше сжимает, но требует больше ресурсов сервера.
  • Gzip — надёжная альтернатива, если brotli не поддерживается.

Рекомендация: Используйте оба — brotli для современных браузеров, gzip как запасной вариант.

3. Как включить сжатие на сервере

3.1. Проверка текущего состояния (а вдруг уже включено?)

Перед настройкой проверьте, работает ли сжатие:

  1. Через браузер:

    • Откройте DevTools (F12) → вкладка Network → обновите страницу.
    • Кликните на любой файл (например, style.css) → заголовки Response Headers.
    • Ищите строки:
      • content-encoding: gzip или content-encoding: br (brotli).

  2. Через онлайн-сервисы:

  3. Через терминал (для продвинутых):

    curl -H "Accept-Encoding: gzip, br" -I https://ваш-сайт.ru

    (Если в ответе есть content-encoding, сжатие работает.)

3.2. Настройка сжатия в Nginx

Шаг 1. Редактируем конфиг Nginx

Откройте файл конфигурации (обычно /etc/nginx/nginx.conf или /etc/nginx/sites-available/ваш-сайт):

sudo nano /etc/nginx/nginx.conf

Шаг 2. Добавляем настройки gzip

В блок http {} вставьте:

gzip on;
gzip_comp_level 6;  # Уровень сжатия (1-9, где 9 — максимум, но медленнее)
gzip_types text/plain text/css application/json application/javascript text/xml application/xml application/xml+rss text/javascript;
gzip_vary on;  # Сообщает браузеру, что есть сжатая версия
gzip_proxied any;  # Сжимает даже для проксированных запросов
gzip_min_length 256;  # Сжимает файлы от 256 байт (мелкие не имеет смысла)

Шаг 3. Добавляем настройки brotli (если поддерживается)

Сначала установите модуль brotli для Nginx:

sudo apt install libnginx-mod-brotli  # Для Debian/Ubuntu

Затем добавьте в конфиг:

brotli on;
brotli_comp_level 6;
brotli_types text/plain text/css application/json application/javascript text/xml application/xml application/xml+rss text/javascript;

Шаг 4. Перезапускаем Nginx

sudo systemctl restart nginx

3.3. Настройка сжатия в Apache

Шаг 1. Включаем модули

sudo a2enmod deflate  # для gzip
sudo a2enmod brotli   # для brotli (если установлен)
sudo systemctl restart apache2

Шаг 2. Редактируем .htaccess или конфиг Apache

Добавьте в .htaccess (или в /etc/apache2/mods-enabled/deflate.conf):

<IfModule mod_deflate.c>
    AddOutputFilterByType DEFLATE text/html text/plain text/css application/json application/javascript text/xml application/xml application/xml+rss text/javascript
    DeflateCompressionLevel 6
</IfModule>

<IfModule mod_brotli.c>
    AddOutputFilterByType BROTLI_COMPRESS text/html text/plain text/css application/json application/javascript text/xml application/xml application/xml+rss text/javascript
    BrotliCompressionQuality 6
</IfModule>

Шаг 3. Перезапускаем Apache

sudo systemctl restart apache2

4. Проверка результатов: Работает ли сжатие?

4.1. Через браузер (DevTools)

  1. Откройте сайт → F12 → вкладка Network.
  2. Обновите страницу.
  3. Кликните на любой файл (например, script.js).
  4. В заголовках ищите:
    • content-encoding: gzip или content-encoding: br.

4.2. Через curl

curl -H "Accept-Encoding: gzip, br" -I https://ваш-сайт.ru

(Должен вернуть content-encoding: gzip или br.)

4.3. Через онлайн-сервисы

  • WebPageTest (показывает размер до/после сжатия).
  • GTmetrix (оценивает эффективность сжатия).

5. Типичные ошибки и как их избежать

Ошибка Причина Решение
Сжатие не работает Модуль не установлен (например, mod_deflate в Apache) Установите модуль и перезапустите сервер
Сжатие работает, но не для всех файлов Не все MIME-типы указаны в конфиге Добавьте нужные типы (см. примеры выше)
Сайт стал медленнее Слишком высокий уровень сжатия (gzip_comp_level 9) Уменьшите до 4–6
Brautli не работает в некоторых браузерах Старые браузеры не поддерживают brotli Используйте gzip как запасной вариант
500 Internal Server Error после изменений Ошибка в синтаксисе конфига Проверьте логи (/var/log/nginx/error.log)

6. Дополнительные советы для максимального ускорения

  1. Сжимайте статику заранее

    • Для Nginx: используйте gzip_static или brotli_static, чтобы сжимать файлы один раз при деплое, а не на лету.
    • Пример для Nginx: 
      gzip_static on;
brotli_static on;

  2. Исключите картинки и бинарные файлы

    • JPEG, PNG, PDF уже сжаты — их повторное сжатие бессмысленно и может ухудшить качество.
    • Добавьте в конфиг: 
      gzip_types text/plain text/css application/json ...;  # Только текстовые форматы

  3. Используйте CDN с поддержкой сжатия

    • Cloudflare, BunnyCDN автоматически применяют brotli/gzip.

  4. Тестируйте разные уровни сжатия

    • Иногда gzip_comp_level 4 даёт почти такой же эффект, как 6, но быстрее работает.

Практика для закрепления

Упражнение 1. Проверка текущего состояния

  1. Откройте свой сайт в браузере → DevTools → Network.
  2. Найдите любой CSS или JS файл.
  3. Проверьте, есть ли в заголовках content-encoding: gzip или br.
  4. Вопрос: Если сжатия нет, что нужно сделать в первую очередь?

Упражнение 2. Настройка Nginx

  1. Откройте конфиг Nginx (/etc/nginx/nginx.conf).
  2. Добавьте блок с настройками gzip (см. пример выше).
  3. Перезапустите Nginx.
  4. Вопрос: Какой командой проверить, что Nginx перезапустился без ошибок?

Упражнение 3. Сравнение gzip и brotli

  1. Сожмите один и тот же файл (например, style.css) с помощью:
    • gzip -9 style.css (максимальное сжатие)
    • brotli -q 9 style.css (максимальное сжатие)
  2. Сравните размеры получившихся файлов (style.css.gz и style.css.br).
  3. Вопрос: На сколько процентов brotli сжал лучше gzip?

Упражнение 4. Оптимизация для статики

  1. Сгенерируйте заранее сжатые версии файлов: 
    gzip -k -9 style.css  # создаст style.css.gz
brotli -k -q 9 style.css  # создаст style.css.br
  2. Настройте Nginx на отдачу этих файлов (используйте gzip_static и brotli_static).
  3. Вопрос: Почему это лучше, чем сжатие на лету?

Упражнение 5. Диагностика проблем

  1. Представьте, что после включения brotli сайт стал выдавать 500 ошибку.
  2. Вопросы:
    • Где искать логи ошибок?
    • Какая самая вероятная причина?
    • Как её исправить?

Итог: Что вы теперь умеете

✅ Понимаете, как сжатие ускоряет сайт и экономит трафик. ✅ Знаете разницу между gzip и brotli и когда какой использовать. ✅ Можете настроить сжатие на Nginx и Apache за 10 минут. ✅ Умеете проверять, работает ли сжатие, и исправлять ошибки. ✅ Оптимизируете сайт дальше: статическое сжатие, исключение ненужных файлов, тестирование уровней.

Следующий шаг: Попробуйте включить сжатие на своём проекте и замерьте разницу в скорости загрузки (например, через Google PageSpeed). Результаты часто удивляют! 🚀


Введение: чем VDS отличается от шаред-хостинга и зачем это веб-мастеру
Как правильно выбрать тариф: CPU, RAM, NVMe или SSD, канал
Выбор операционной системы: почему Ubuntu 22.04/24.04 — стандарт индустрии
Регистрация домена и первичная настройка DNS-записей (A, AAAA, CNAME)
Генерация SSH-ключей на локальном компьютере (Windows/Mac/Linux)
Добавление публичного ключа на сервер и первый вход по SSH
Отключение входа по паролю и запрет авторизации для root
Смена стандартного порта SSH для снижения шума в логах
Создание основного рабочего пользователя с правами sudo
Базовое обновление системы и установка необходимых утилит (curl, wget, git, htop)
Настройка часового пояса и синхронизация времени (NTP)
Установка и базовая настройка фаервола UFW
Разрешение только необходимых портов (SSH, HTTP, HTTPS)
Установка Fail2Ban для защиты от перебора паролей
Настройка правил Fail2Ban для SSH и веб-сервера
Знакомство с Docker: установка движка и CLI
Установка Docker Compose для управления мульти-контейнерными приложениями
Основы изоляции: почему каждый проект должен быть в своем контейнере
Подготовка файловой структуры сервера для удобного хранения проектов
Развертывание Nginx как обратного прокси-сервера через Docker
Настройка конфигурации Nginx для статических сайтов
Установка PHP-FPM в отдельном контейнере
Связка Nginx и PHP-FPM через внутреннюю Docker-сеть
Оптимизация настроек PHP-FPM (pm.max_children, memory_limit) под нагрузку
Установка MariaDB/MySQL в изолированном контейнере
Безопасное хранение паролей от БД через переменные окружения (.env)
Подключение к базе данных из внешнего клиента (DBeaver/Navicat) через туннель
Установка Redis для кэширования запросов и сессий
Интеграция Redis с PHP-приложением для ускорения работы
Автоматическая выдача SSL-сертификатов через Certbot (Let's Encrypt)
Настройка автопродления SSL-сертификатов по крону
Принудительный редирект с HTTP на HTTPS в Nginx
Включение gzip и brotli сжатия для ускорения загрузки страниц
Настройка кэширования статики (browser caching) в заголовках Nginx
Защита от простых DDoS и ботов: модуль limit_req в Nginx
Настройка резервного копирования баз данных (mysqldump) по расписанию
Настройка резервного копирования файлов проектов (tar)
Отправка бэкапов на удаленное хранилище (S3-compatible storage или другой сервер)
Ротация и очистка старых логов, чтобы не забить диск
Мониторинг нагрузки: установка и настройка htop и iotop
Просмотр логов в реальном времени: tail, grep и journalctl
Установка простого мониторинга доступности (Uptime Kuma или скрипт в Telegram)
Изоляция арбитражных инструментов: запуск ботов в отдельных контейнерах
Установка SOCKS5/HTTP прокси (3proxy) внутри Docker для мультиаккаунтинга
Настройка аутентификации и ограничения доступа к прокси по IP
Проверка анонимности и работы прокси-сервера
Оптимизация ядра Linux (sysctl.conf) для высоких нагрузок и сетевых соединений
Настройка swap-файла: когда он нужен, а когда вредит
Чек-лист финальной проверки безопасности перед запуском проекта
План действий при взломе или падении сервера: восстановление из бэкапа
АПТЕЧКА ДЛЯ ЖИВОТНЫХ
Автомобили Германии — FORD, MERSEDES, VW, IVECO
Чат рулетка 2026: чаты, где каждый момент — шанс
Чат рулетка онлайн
Чат с Аней: психологический разговор
Чатрулетка: новый способ общения
Чай и кофе: сила вкуса
Детские игрушки из безопасных материалов
Эксплуатация шин: Рекомендации по использованию
Фототехника для пейзажей
Как Aptum хостинг помогает малым бизнесам в управлении CRM-системами
Как выбрать Vdsina вечный хостинг для своего проекта
Компоненты безопасности IP
Конкуренция на российском автомобильном рынке
Онлайн генератор паролей для Windows
Оптимизация обработки форм GEO проекта
Сервер для социальных сетей: Безопасность, Скорость, Изоляция
Смешные моменты
Сравнение Arsys хостинг сервисов для блогеров с WordPress на 2023 год
Весь экран под циферблат
рейтинг хостингов 2026 Быстрые VDS серверы