Сжатие

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

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

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

Пример

Пример кода:

# Включение сжатия Brotli и Gzip в Nginx (упрощённый пример)
gzip on;
gzip_types text/plain text/css application/javascript application/json text/xml application/xml image/svg+xml;

brotli on;
brotli_comp_level 5;
brotli_types text/plain text/css application/javascript application/json text/xml application/xml image/svg+xml;

Скриншот

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

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

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

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

• Gzip
• Brotli
• Минификация (minify)
• Кеширование
• HTTP/2
• Оптимизация изображений
• Lighthouse

Наши услуги

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