Сжатие контента — один из самых простых и эффективных способов ускорить сайт. Сервер сжимает HTML, CSS и JavaScript перед отправкой, браузер распаковывает их на лету. Размер передаваемых данных уменьшается в 3-5 раз. Стандартным решением долгое время был gzip — он работает везде и поддерживается всеми браузерами. Но в 2015 году Google представил Brotli — алгоритм сжатия, который сжимает текстовые данные на 15-25% лучше gzip при той же скорости. С тех пор Brotli стал стандартом де-факто для современных сайтов. Все актуальные браузеры поддерживают Brotli, все современные веб-серверы умеют его отдавать. Если ваш сайт до сих пор использует только gzip — вы теряете 15-25% скорости на ровном месте. В этой статье разберём, как проверить поддержку Brotli и включить его.
Что такое Brotli и чем он лучше gzip
Brotli — это алгоритм сжатия, разработанный Google. Он основан на LZ77 и контекстном моделировании, что позволяет достигать высокой степени сжатия текстовых данных. Браузеры поддерживают Brotli только через HTTPS — по HTTP он не работает. Это ограничение сделано сознательно: сжатие не имеет смысла без шифрования. По сравнению с gzip Brotli имеет несколько преимуществ. Первое — лучшая степень сжатия: на 15-25% выше для HTML, CSS и JavaScript. Это означает, что файл весом 100 КБ сжимается gzip до 30 КБ, а Brotli — до 23 КБ. Разница в 7 КБ кажется мелочью, но на сотне файлов это сотни килобайт. Второе преимущество — встроенный словарь. Brotli содержит предустановленный словарь часто встречающихся строк, что улучшает сжатие текстовых данных. Третье — поддержка всеми современными браузерами: Chrome с 50 версии, Firefox с 44, Safari с 11, Edge с 15. Если браузер не поддерживает Brotli, сервер автоматически отдаёт gzip — это настраивается на уровне сервера. Проверить, поддерживает ли ваш сервер Brotli, можно через Проверка Brotli.
Как проверить, что Brotli работает на сайте
Самый простой способ — инструмент Проверка Brotli в SerpMax. Введите URL и получите ответ: поддерживает сервер Brotli или нет, какой алгоритм сжатия используется (br, gzip, или сжатие отключено). Второй способ — инструменты разработчика в браузере. Откройте F12 → Network, обновите страницу, кликните по любому HTML-файлу, посмотрите заголовки ответа. Если есть Content-Encoding: br — Brotli работает. Если Content-Encoding: gzip — работает только gzip. Если заголовка Content-Encoding нет — сжатие отключено вообще. Третий способ — командная строка: curl -I -H «Accept-Encoding: br» https://ваш-сайт.ru. Если ответ содержит Content-Encoding: br — поддержка есть. Если нет — сервер не отправляет Brotli. Важно понимать: Brotli работает только через HTTPS. Если вы проверяете HTTP-версию сайта, Brotli не будет работать, даже если сервер его поддерживает. Проверьте, что сайт корректно переведён на HTTPS через Проверка SSL.
Как включить Brotli в nginx
В nginx Brotli включается через модуль ngx_brotli, который не входит в стандартную поставку. Его нужно установить отдельно. Для Ubuntu/Debian модуль устанавливается из репозитория: apt install nginx-module-brotli (точное название зависит от версии ОС). Для других систем модуль собирается из исходников. После установки модуля в конфигурацию nginx добавляются директивы: brotli on; brotli_comp_level 6; brotli_types text/plain text/css application/javascript application/json image/svg+xml. Директива brotli on включает сжатие. brotli_comp_level задаёт уровень сжатия от 1 (быстро, слабо) до 11 (медленно, сильно). Оптимальный уровень — 5-6: хорошее сжатие при невысокой нагрузке на CPU. brotli_types указывает, какие типы файлов сжимать: текст, стили, скрипты, JSON, SVG. После изменения конфигурации перезагрузите nginx: nginx -s reload. Проверьте результат через Проверка Brotli. Если всё сделано правильно, сервер начнёт отдавать контент с Content-Encoding: br для поддерживающих браузеров и gzip для остальных.
Как включить Brotli в Apache
В Apache Brotli включается через модуль mod_brotli. Он доступен в Apache 2.4.26 и новее. На Ubuntu/Debian модуль устанавливается командой: a2enmod brotli. После этого в конфигурацию добавляются директивы: BrotliCompression 6; AddOutputFilterByType BROTLI_COMPRESS text/html text/plain text/css application/javascript application/json. Директива BrotliCompression задаёт уровень сжатия. AddOutputFilterByType указывает, какие типы файлов сжимать. После настройки перезапустите Apache: systemctl restart apache2. Проверьте результат через Проверка Brotli. Если вы на виртуальном хостинге без доступа к конфигурации сервера — обратитесь в поддержку с вопросом: «Поддерживает ли сервер Brotli и включён ли он для моего сайта?». Современные хостинги обычно включают Brotli по умолчанию. Если ваш хостинг не поддерживает Brotli — это повод задуматься о его смене. Подробнее о выборе хостинга читайте в статье Выбор хостинга для сайта.
Brotli и CDN: что нужно знать
Если вы используете CDN (Cloudflare, Qrator, DDoS-Guard), сжатие может работать на уровне CDN, а не вашего сервера. Проверьте настройки CDN: во многих CDN Brotli включён по умолчанию и отдаётся автоматически, если браузер его поддерживает. Если ваш CDN не поддерживает Brotli, а сервер поддерживает, но трафик идёт через CDN — пользователи получают gzip, а не Brotli. В этом случае: либо включите Brotli в CDN, либо настройте CDN на проброс Accept-Encoding к вашему серверу. Проверить, что сжатие работает через CDN, можно через Проверка Brotli: введите URL и посмотрите, какой Content-Encoding отдаётся. Если CDN кеширует сжатый контент, обычно он хранит две версии: br для поддерживающих браузеров и gzip для остальных. Это нормально.
Brotli и Core Web Vitals
Сжатие напрямую влияет на скорость загрузки, а значит, и на Core Web Vitals. Меньший размер файлов → быстрее скачивание → быстрее рендеринг → лучше LCP. Особенно заметен эффект на мобильных устройствах с медленным интернетом: сокращение размера на 20% означает 20% экономии времени на скачивание. Для LCP (Largest Contentful Paint) важно сжимать HTML, CSS и JavaScript — всё, что участвует в отображении первого экрана. Brotli сжимает эти файлы лучше gzip, ускоряя LCP. Также сжатие снижает нагрузку на сеть сервера: меньше данных — меньше трафик — меньше затраты на хостинг. Проверить, как Brotli повлиял на скорость, можно через Проверка TTFB и Скорость загрузки и Core Web Vitals. Сравните показатели до и после включения Brotli — улучшение должно быть заметным.
Типичные проблемы при включении Brotli
Проблема первая: Brotli включён, но браузер получает gzip. Причина: браузер не отправил Accept-Encoding: br, либо сервер настроен отдавать gzip в приоритете. Решение: проверьте конфигурацию сервера — Brotli должен иметь приоритет над gzip при поддержке браузером. Проблема вторая: Brotli работает только для части файлов. Причина: в brotli_types указаны не все нужные типы. Решение: добавьте text/html, text/css, application/javascript, application/json, image/svg+xml. Проблема третья: Brotli не работает на HTTP. Причина: Brotli работает только через HTTPS. Решение: переведите сайт на HTTPS. Проблема четвёртая: высокий уровень сжатия (11) нагружает CPU. Решение: используйте уровень 5-6 — он даёт хорошее сжатие без высокой нагрузки. Проблема пятая: Brotli не работает после обновления сервера. Причина: модуль был отключён при обновлении. Решение: проверьте, что модуль загружен (nginx -V | grep brotli).
Что сжимать Brotli, а что нет
Brotli эффективен для текстовых данных: HTML, CSS, JavaScript, JSON, SVG. Эти форматы отлично сжимаются (на 60-80%) и составляют основу веб-страниц. Сжимать Brotli не нужно: изображения (JPEG, PNG, WebP, AVIF) — они уже сжаты, повторное сжатие не даст эффекта и потратит CPU. Видео и аудио — аналогично. PDF — уже сжат внутри. ZIP-архивы — уже сжаты. Если вы настроите Brotli для изображений, то только нагрузите сервер без выигрыша в размере. Правило простое: сжимайте текстовые форматы, не трогайте бинарные. Проверить, какие файлы сжимаются, можно через Проверка HTTP заголовков — смотрите Content-Encoding для каждого файла.
Часто задаваемые вопросы
Как проверить, что Brotli работает на сайте?
Используйте инструмент проверки Brotli в SerpMax. Введите URL — он покажет, поддерживает ли сервер Brotli и какой Content-Encoding отдаётся. Также можно посмотреть заголовок Content-Encoding в инструментах разработчика (F12 → Network).
Чем Brotli лучше gzip?
Brotli сжимает текстовые файлы на 15-25% лучше gzip при той же скорости. Для HTML, CSS и JavaScript разница особенно заметна. Brotli работает только через HTTPS, gzip — через любой протокол.
Обязательно ли включать Brotli для SEO?
Напрямую Brotli не фактор ранжирования. Но он ускоряет загрузку страниц, а скорость — доказанный фактор. Косвенно Brotli улучшает Core Web Vitals и помогает позициям.
Можно ли использовать Brotli и gzip одновременно?
Да. Сервер отдаёт Brotli браузерам, которые его поддерживают (все современные), и gzip для остальных. Это настраивается на уровне сервера автоматически. Не нужно выбирать что-то одно.
