Что такое сжатие gzip и Brotli

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

Как это работает

Браузер в каждом запросе сообщает заголовком Accept-Encoding, какие форматы сжатия он понимает. Сервер выбирает подходящий, сжимает ответ и указывает формат в заголовке Content-Encoding: gzip или Content-Encoding: br.

• Gzip — старый и универсальный формат, его понимают все браузеры и поисковые роботы.
• Brotli — более новый формат, разработанный в Google. Обычно сжимает текст сильнее gzip и поддерживается всеми современными браузерами, но только по HTTPS.

Правильная схема — включить оба: Brotli для тех, кто его понимает, gzip для остальных.

Что сжимать, а что нет

Сжимают текстовые форматы: HTML, CSS, JS, JSON, SVG, XML (в том числе sitemap). Картинки JPEG, PNG, WebP и видео уже сжаты, повторное сжатие почти ничего не даёт, только тратит ресурсы сервера.

Как связано с другими настройками

Сжатие хорошо работает вместе с минификацией: сначала из кода убирают лишнее, потом его сжимают. А кеширование избавляет от повторного скачивания файлов. Всё вместе ускоряет загрузку и помогает LCP.

Пример

У сайта строительной компании главная страница весила около 400 КБ HTML и скриптов. Хостинг отдавал их без сжатия. После включения gzip в настройках сервера по сети стало уходить примерно в четыре раза меньше, и на мобильном интернете страница начала открываться быстрее.

Частые вопросы

Как проверить, включено ли сжатие?

Откройте инструменты разработчика в браузере, вкладку «Сеть», выберите запрос страницы и найдите заголовок Content-Encoding. Если его нет — ответ не сжат. То же видно в проверке заголовков ответа.

Где включается сжатие?

В настройках веб-сервера (nginx, Apache) или в панели хостинга. Если сайт работает через CDN, сжатие часто можно включить одной галочкой в его настройках.