¿Qué es la compresión Gzip y Brotli?

También llamado: Gzip, Brotli, compresión HTTP, Content-Encoding

Definición

Gzip y Brotli son formatos de compresión que el servidor aplica a los archivos de texto (HTML, CSS, JavaScript, JSON) antes de enviarlos. El navegador los descomprime al recibirlos, y el tamaño transferido suele bajar entre un 60 y un 80 %.

Es una de las optimizaciones con mejor relación esfuerzo-resultado: se activa en el servidor y todas las páginas pesan bastante menos. Brotli comprime más que Gzip y todos los navegadores actuales lo admiten; Gzip queda como alternativa universal.

Ejemplo

El navegador anuncia qué formatos acepta y el servidor responde con el que ha usado:

Accept-Encoding: gzip, deflate, br, zstd

Content-Encoding: br

Comprobarlo con curl:

$ curl -sI -H "Accept-Encoding: br, gzip" https://example.com | grep -i content-encoding
content-encoding: br

Activar Gzip en Nginx:

gzip on;
gzip_types text/css application/javascript application/json image/svg+xml;
gzip_min_length 1024;

Cosas que conviene saber

Las imágenes JPEG, PNG, WebP, los vídeos y los PDF ya están comprimidos. Volver a comprimirlos gasta CPU sin ahorrar nada. SVG sí se beneficia, porque es texto.
Para archivos estáticos se puede comprimir una sola vez al construir la web (main.css.br) en lugar de en cada petición.
La compresión complementa a la minificación, no la sustituye.

¿Tienes un producto o servicio relacionado con Compresión Gzip y Brotli? Anúnciate en este término.

Términos relacionados

Categorías: Web