Gzip и Brotli — алгоритмы сжатия, которые сервер применяет к текстовым ответам (HTML, CSS, JS, JSON) перед отправкой браузеру. Brotli современнее и эффективнее: сжимает на 15–25% лучше Gzip при сопоставимой нагрузке на CPU.
Сжатие включается на стороне сервера (Nginx, Apache) или на CDN. Эффект на скорость загрузки — минус 30–60% к размеру ответа, заметно ускоряет TTFB и LCP.
Включить — стандарт хорошего хостинга. Картинки и видео сжатие не трогает (они уже сжаты), а вот HTML и JS режутся хорошо.
Сжатие текстовых ресурсов
styles.css 180 КБ + gzip (level 6) 38 КБ ×4.7 + brotli (level 6) 29 КБ ×6.2 + brotli (level 11) 24 КБ ×7.5 // nginx: gzip on; brotli on; brotli_comp_level 6; // Brotli лучше gzip на 20–30% для HTML/CSS/JS
Пример из практики
HTML-страница в чистом виде — 86 КБ. После Gzip — 24 КБ, после Brotli — 19 КБ. Лучшее сжатие при той же CPU-нагрузке.