Rendimiento y mantenimiento

Compresión Gzip y Brotli: qué son y cómo reducen el peso web

Gzip y Brotli son algoritmos de compresión que el servidor aplica a los archivos de texto antes de enviarlos al navegador, reduciendo su tamaño entre un 60 y un 90 % y acelerando la carga de la página.

A laptop displaying an analytics dashboard with real-time data tracking and analysis tools.

Gzip y Brotli son algoritmos de compresión que el servidor web aplica a los archivos de texto (HTML, CSS, JavaScript, JSON) antes de enviarlos al navegador, reduciendo su tamaño entre un 60 y un 90 % sin perder información. Esto significa que el navegador descarga menos bytes, la página carga más rápido y el consumo de ancho de banda del servidor disminuye.

En este artículo explicamos cómo funciona cada algoritmo, cuál conviene usar y cómo activarlos en los servidores más comunes.

Cómo funciona la compresión de texto en la web

Cuando un navegador solicita una página, envía en la cabecera HTTP la lista de algoritmos de compresión que soporta:

Accept-Encoding: gzip, deflate, br

El servidor lee ese encabezado y, si tiene la compresión activada, responde con el archivo comprimido y lo indica:

Content-Encoding: br

El navegador descomprime el archivo en milisegundos y lo procesa con normalidad. Para el usuario, todo el proceso es invisible; solo percibe una página que carga antes.

La compresión solo aplica a recursos de texto plano. Las imágenes JPG, WebP o PNG ya usan su propio formato de compresión; aplicar Gzip o Brotli sobre ellas no reduce su tamaño y puede incluso aumentarlo ligeramente.

Qué es Gzip

Gzip es el algoritmo de compresión web más antiguo y universal. Deriva del formato DEFLATE y fue estandarizado para HTTP/1.1 en 1999. Hoy, todos los navegadores y servidores modernos lo soportan, por lo que activarlo es siempre seguro.

Niveles de compresión en Gzip

Gzip ofrece niveles del 1 al 9. El nivel 1 comprime poco pero muy rápido; el nivel 9 comprime al máximo pero usa más CPU. Para la mayoría de los sitios, el nivel 5 o 6 es el punto de equilibrio óptimo.

Nivel Compresión Velocidad Uso recomendado
1–2 Baja Muy rápida Servidores con CPU limitada
5–6 Media-alta Rápida La mayoría de sitios web
9 Máxima Lenta Archivos estáticos pre-comprimidos

Qué es Brotli

Brotli es el algoritmo de compresión desarrollado por Google, lanzado en 2015 y estandarizado para HTTPS en RFC 7932. Utiliza un diccionario preentrenado con vocabulario web común (fragmentos de HTML, CSS y JS típicos) y un algoritmo LZ77 mejorado.

El resultado: Brotli comprime entre un 15 y un 25 % más que Gzip para archivos de texto web, sin aumentar significativamente el tiempo de descompresión en el navegador. Su única limitación es que solo funciona sobre HTTPS — los navegadores lo requieren así por política de seguridad.

Compatibilidad de Brotli

Desde 2017, todos los navegadores principales (Chrome, Firefox, Safari, Edge) soportan Brotli. Si el navegador del visitante no lo soporta, el servidor debe caer en Gzip automáticamente — cualquier configuración correcta lo hace así.

Gzip vs. Brotli: comparativa práctica

Criterio Gzip Brotli
Año de introducción 1996 / HTTP 1999 2015 / HTTPS 2016
Ratio de compresión (texto web) 60–75 % 75–90 %
Velocidad de compresión Rápida Más lenta en nivel alto
Velocidad de descompresión Muy rápida Similar a Gzip
Requiere HTTPS No
Soporte de navegadores Universal +95 % (todos los modernos)

Estrategia recomendada: activa Brotli como primera opción y Gzip como alternativa. Los visitantes con navegadores modernos recibirán Brotli; el resto recibirá Gzip. Nunca dejes la compresión desactivada.

Cómo activar Gzip y Brotli en tu servidor

Apache con .htaccess

La forma más sencilla en hosting compartido o cPanel es añadir las siguientes líneas al archivo .htaccess en la raíz de tu sitio:

# Gzip
<IfModule mod_deflate.c>
  AddOutputFilterByType DEFLATE text/html text/css application/javascript application/json text/xml application/xml text/plain
</IfModule>

# Brotli (si el módulo está disponible)
<IfModule mod_brotli.c>
  AddOutputFilterByType BROTLI_COMPRESS text/html text/css application/javascript application/json text/xml application/xml text/plain
</IfModule>

Si tu proveedor de hosting no tiene mod_brotli, la configuración de Gzip seguirá funcionando sin problemas.

Nginx

# Gzip
gzip on;
gzip_comp_level 6;
gzip_types text/plain text/css application/javascript application/json text/xml;

# Brotli (requiere módulo ngx_brotli)
brotli on;
brotli_comp_level 6;
brotli_types text/plain text/css application/javascript application/json text/xml;

Cloudflare

Si tu sitio pasa por Cloudflare, la compresión Gzip y Brotli se activa automáticamente en el plan gratuito. No necesitas tocar el servidor — Cloudflare comprime los archivos en el edge antes de enviarlos al visitante.

Cómo verificar si la compresión está activa

Puedes comprobarlo de varias formas:

  • Chrome DevTools → Network → Headers: busca la cabecera Content-Encoding: gzip o Content-Encoding: br en la respuesta del servidor.
  • GTmetrix o PageSpeed Insights: ambas herramientas alertan si detectan archivos de texto sin comprimir.
  • GiftOfSpeed (giftofspeed.com): prueba de compresión gratuita y directa.

Para una auditoría completa de rendimiento que incluya compresión, caché y mucho más, el equipo de elenlace.com puede ayudarte a identificar y resolver todos los cuellos de botella de tu sitio.

Consulta más guías en nuestra sección de rendimiento web para optimizar cada capa de tu stack.

Conclusiones clave

  • Gzip y Brotli comprimen archivos de texto (HTML, CSS, JS) antes de enviarlos al navegador, reduciendo hasta un 90 % su tamaño.
  • Brotli ofrece entre un 15 y un 25 % más compresión que Gzip, pero requiere HTTPS.
  • La estrategia óptima es activar Brotli como primera opción y Gzip como fallback.
  • En Apache, se configura con mod_deflate y mod_brotli desde el .htaccess.
  • Cloudflare activa la compresión automáticamente, incluso en el plan gratuito.
  • La compresión solo aplica a archivos de texto; las imágenes ya tienen su propio formato comprimido.

¿No sabes si tu sitio tiene la compresión bien configurada? Contáctanos en elenlace.com y lo revisamos sin costo.

Preguntas frecuentes

¿La compresión Gzip o Brotli puede romper mi sitio?

No. La compresión es transparente para el navegador y el usuario. Si algo falla en la configuración, el servidor simplemente envía el archivo sin comprimir — nunca un archivo corrupto.

¿Cuánto puede mejorar mi PageSpeed con la compresión activada?

Depende del tamaño actual de tus archivos sin comprimir. En sitios no optimizados, activar Gzip puede reducir el tiempo de carga entre 0,3 y 1,5 segundos y elevar la puntuación de PageSpeed varios puntos directamente.

¿Brotli es compatible con WordPress?

Sí. WordPress genera HTML, CSS y JS estándar que Brotli comprime sin ningún problema. Solo necesitas que tu servidor o CDN tenga Brotli activado — WordPress en sí mismo no necesita configuración adicional.

¿Debo activar la compresión en imágenes?

No. Los formatos JPG, WebP, PNG y AVIF ya están internamente comprimidos. Aplicar Gzip o Brotli sobre ellos no reduce su tamaño y puede aumentarlo ligeramente. Limita la compresión HTTP a archivos de texto.

Compara proveedores

Otros proveedores y guías que vale la pena comparar:

← Todos