Brotli

Определение: Brotli (br) — это алгоритм сжатия данных для веба, который уменьшает размер передаваемых текстовых файлов (HTML, CSS, JS, JSON) и часто даёт лучшее сжатие, чем Gzip. Браузер получает ответ со сжатием и распаковывает его автоматически.

Зачем это нужно

• Ускорить загрузку страниц за счёт меньшего объёма данных “по сети”.
• Снизить расход трафика у пользователей, особенно на мобильных устройствах.
• Уменьшить нагрузку на канал и повысить устойчивость сайта при пиковых посещениях.
• Получить лучший результат по рекомендациям Lighthouse/PageSpeed по сжатию текстовых ресурсов.
• Сделать отдачу статики эффективнее в связке с кешированием и минификацией.

Пример

Пример кода:

# Nginx: включаем Brotli для текстовых типов (упрощённый пример)
brotli on;
brotli_comp_level 5;
brotli_static on;
brotli_types
text/plain
text/css
application/javascript
application/json
application/xml
image/svg+xml;

Скриншот

Подпись к скриншоту: Chrome DevTools → Network → выбран запрос к CSS/JS: в Response Headers видно Content-Encoding: br, а в Size/Transferred заметно, что передано меньше, чем полный размер файла.

Частые ошибки

• Включить Brotli, но не настроить типы (MIME) — часть файлов остаётся без сжатия.
• Пытаться “сжимать” Brotli уже сжатые форматы (JPEG/PNG/WebP/AVIF, MP4) — выгоды почти нет.
• Ставить слишком высокий уровень сжатия и перегружать CPU на сервере.
• Не оставить запасной вариант (Gzip) для клиентов/прокси, где Brotli может не использоваться.
• Не проверять результат в DevTools и не видеть, что реально отдаётся не br, а, например, без сжатия.

Связанные термины

• Gzip
• Сжатие
• Content-Encoding
• Accept-Encoding
• Минификация (minify)
• Кеширование
• Lighthouse

Наши услуги

• Доработка сайтов — настраиваем Brotli/Gzip, оптимизируем отдачу статики и устраняем просадки скорости.
• Техническая поддержка сайта — следим за конфигурацией сервера и тем, чтобы сжатие работало стабильно после обновлений.
• SEO-продвижение сайтов — улучшаем технические показатели и скорость, которые влияют на видимость и конверсию.