Gzip

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

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

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

Пример

Пример кода:

# Nginx: включаем gzip для текстовых типов (упрощённый пример)
gzip on;
gzip_vary on;
gzip_min_length 1024;
gzip_comp_level 5;
gzip_types
text/plain
text/css
application/javascript
application/json
application/xml
image/svg+xml;

Скриншот

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

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

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

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

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

Наши услуги

• Доработка сайтов — настраиваем gzip/brotli, отдачу статики и устраняем “тяжёлые” места по отчётам.
• Техническая поддержка сайта — следим, чтобы сжатие и кеширование не “отваливались” после обновлений сервера/сайта.
• SEO-продвижение сайтов — улучшаем техническое состояние и скорость, которые влияют на видимость и конверсию.