Сжатие: Brotli и GZIP

Что сжимать и насколько это помогает

Конфигурация nginx

# --- Brotli (модуль ngx_brotli) ---
brotli              on;
brotli_static       on;      # отдавать готовые .br, если есть
brotli_comp_level   5;       # 4–6 для сжатия на лету
brotli_min_length   256;
brotli_types
    text/plain text/css text/xml
    application/javascript application/json
    application/xml application/rss+xml
    image/svg+xml;

# --- GZIP как запасной вариант ---
gzip                on;
gzip_static         on;
gzip_comp_level     5;
gzip_min_length     256;
gzip_vary           on;
gzip_proxied        any;
gzip_types
    text/plain text/css text/xml
    application/javascript application/json
    application/xml application/rss+xml
    image/svg+xml;

• text/html не указывают — nginx сжимает его всегда.
• Уровень 4–6 для сжатия на лету: выше даёт мало, а нагрузку на процессор увеличивает заметно.
• min_length 256 — файлы мельче сжимать невыгодно.
• gzip_vary on — корректная работа с промежуточными кешами.

Статическое сжатие

Для файлов, которые не меняются между релизами, лучше подготовить сжатые версии заранее на сборке — с максимальным уровнем, поскольку время сжатия уже не важно:

# на сборке, рядом с исходниками
find dist -type f \( -name '*.js' -o -name '*.css' -o -name '*.svg' \) \
  -exec brotli -f -q 11 -k {} \; \
  -exec gzip  -f -9  -k {} \;

При включённых brotli_static и gzip_static nginx отдаст готовый файл, не тратя процессор на каждый запрос.

Проверка

# размер без сжатия и со сжатием
curl -s -o /dev/null -w 'без:  %{size_download} байт\n' \
     https://site.ru/css/main.css

curl -s -o /dev/null -H 'Accept-Encoding: br,gzip' \
     -w 'со:   %{size_download} байт\n' \
     https://site.ru/css/main.css

# какой алгоритм применён
curl -sI -H 'Accept-Encoding: br,gzip' https://site.ru/ | grep -i content-encoding

В DevTools → Network колонка Size показывает два числа: переданный размер и распакованный. Если они совпадают — сжатие для этого ресурса не работает.

Сжатие и CDN

Если статика идёт через CDN, сжатие обычно включается в его настройках, а не на вашем сервере. Проверьте, что CDN:

• поддерживает Brotli, а не только GZIP;
• корректно кеширует разные варианты по Vary: Accept-Encoding;
• не пересжимает уже сжатые изображения.

Подробнее — в уроке об использовании CDN.

Итог

Сжатие — первая настройка, которую нужно проверить при работе над скоростью: она даёт кратное уменьшение текстовых ресурсов ценой одной правки конфигурации. Brotli основным, GZIP запасным, готовые файлы для неизменной статики, уже сжатые форматы не трогаем.