Compresión Gzip y Brotli: cómo activarlas en tu web

Introducción

La compresión Gzip y Brotli son dos tecnologías que reducen el tamaño de los archivos de texto de tu web (HTML, CSS, JavaScript) antes de enviarlos al navegador. El resultado: tu web pesa menos, carga más rápido y consume menos ancho de banda, sin perder ni un ápice de calidad.

Es una de las optimizaciones más fáciles y con más impacto. En este artículo vas a ver qué son, cuál es mejor y cómo activarlas.

Qué es la compresión de texto y para qué sirve

Los archivos de tu web son, en gran parte, texto: el HTML de las páginas, los archivos CSS que dan estilo, los archivos JavaScript que dan funcionalidad. Ese texto se puede comprimir, igual que comprimes un archivo en ZIP para que ocupe menos.

La compresión funciona así:

1. El servidor comprime el archivo antes de enviarlo.
2. El navegador del visitante lo recibe comprimido.
3. El navegador lo descomprime y lo muestra.

Para el usuario, todo es transparente: no nota nada. Pero el archivo viaja mucho más rápido por la red porque pesa menos.

[Imagen sugerida: esquema de cómo funciona la compresión Gzip/Brotli]

La compresión puede reducir el tamaño de archivos de texto entre un 70 % y un 80 %. Es decir, un CSS de 100 KB pasa a pesar 20-30 KB.

Gzip vs Brotli: ¿cuál es mejor?

Las dos tecnologías hacen lo mismo, pero Brotli es más moderna y eficiente.

Característica	Gzip	Brotli
Año de creación	1992	2013
Compresión	Buena	Mejor (15-25 % más que Gzip)
Soporte en navegadores	Todos	Todos los modernos
Velocidad de compresión	Rápida	Un poco más lenta
Recomendación	Muy buena	Mejor si está disponible

Conclusión: si tu servidor soporta Brotli, úsalo. Si no, usa Gzip. Las dos son grandes mejoras respecto a no comprimir nada.

Todos los navegadores modernos (Chrome, Firefox, Safari, Edge) soportan tanto Gzip como Brotli. No tienes que preocuparte por compatibilidad.

Cómo comprobar si tu web ya tiene compresión

Antes de activarla, comprueba si ya la tienes (muchos hostings la activan por defecto).

Método 1: PageSpeed Insights

1. Entra en pagespeed.web.dev.
2. Analiza tu web.
3. Si ves el aviso “Habilitar compresión de texto”, es que no la tienes activa.

[Imagen sugerida: captura de PageSpeed mostrando el aviso de compresión de texto]

Método 2: Herramienta online

1. Entra en checkgzipcompression.com.
2. Escribe tu URL.
3. Te dirá si tienes Gzip activo y cuánto ahorra.

Cómo activar la compresión en Apache (cPanel)

Si usas Apache (la mayoría de hostings compartidos), se activa editando el archivo .htaccess.

Para Gzip

Añade estas líneas al principio de tu .htaccess:

<IfModule mod_deflate.c>
  AddOutputFilterByType DEFLATE text/html
  AddOutputFilterByType DEFLATE text/css
  AddOutputFilterByType DEFLATE text/javascript
  AddOutputFilterByType DEFLATE application/javascript
  AddOutputFilterByType DEFLATE application/x-javascript
  AddOutputFilterByType DEFLATE application/json
  AddOutputFilterByType DEFLATE application/xml
  AddOutputFilterByType DEFLATE image/svg+xml
</IfModule>

Para Brotli

Si tu servidor soporta Brotli:

<IfModule mod_brotli.c>
  AddOutputFilterByType BROTLI_COMPRESS text/html
  AddOutputFilterByType BROTLI_COMPRESS text/css
  AddOutputFilterByType BROTLI_COMPRESS text/javascript
  AddOutputFilterByType BROTLI_COMPRESS application/javascript
  AddOutputFilterByType BROTLI_COMPRESS application/json
  AddOutputFilterByType BROTLI_COMPRESS application/xml
  AddOutputFilterByType BROTLI_COMPRESS image/svg+xml
</IfModule>

En miHosting, los servidores con LiteSpeed activan compresión por defecto. Si no la tienes, abre un ticket y te ayudamos a activarla.

Cómo activar la compresión en Nginx

Si usas Nginx (común en VPS), se configura en el archivo nginx.conf.

Para Gzip

gzip on;
gzip_types text/plain text/css application/json application/javascript text/xml application/xml image/svg+xml;
gzip_min_length 1000;
gzip_comp_level 6;

Para Brotli

Si el módulo Brotli está instalado:

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

Reinicia Nginx tras los cambios:

systemctl restart nginx

Cómo activar la compresión en WordPress

En WordPress, la forma más sencilla es con un plugin de optimización:

• LiteSpeed Cache: si tu hosting usa LiteSpeed, la compresión está activa por defecto.
• WP Rocket: incluye activación de Gzip en su configuración.
• W3 Total Cache: permite activar Gzip/Brotli.

Si no usas un plugin y tu hosting es Apache, puedes editar el .htaccess directamente desde cPanel → Administrador de archivos.

Qué archivos NO debes comprimir

La compresión de texto es para HTML, CSS, JS, JSON, XML y SVG. No comprimas:

• Imágenes JPEG, PNG, WebP: ya están comprimidas. Comprimirlas de nuevo no reduce el peso y consume recursos.
• Vídeos y audio (MP4, MP3): igual, ya están comprimidos.
• PDF: ya comprimidos.
• Fuentes (WOFF, WOFF2): ya comprimidas.

Comprimir estos archivos no aporta nada y puede incluso ralentizar el servidor.

Consejos útiles

• Activa Brotli si está disponible. Comprime mejor que Gzip.
• Comprueba antes de editar .htaccess. Un error en .htaccess puede romper toda tu web. Haz backup antes.
• No comprimas imágenes ni vídeos. Solo archivos de texto.
• Mide antes y después. Comprueba con PageSpeed o GTmetrix para ver el ahorro real.
• Combina con minificación. La compresión reduce el tamaño del archivo; la minificación reduce el contenido. Juntas, el ahorro es máximo.

Problemas frecuentes

He añadido el código pero PageSpeed sigue avisando

Comprueba que el .htaccess se ha guardado correctamente y que no hay otro .htaccess en una carpeta superior que lo esté anulando. También puede ser caché: espera un rato y vuelve a probar.

Mi web se rompe tras editar el .htaccess

Hay un error de sintaxis. Restaura el .htaccess anterior desde el backup y vuelve a intentarlo con cuidado.

No tengo acceso al .htaccess ni a la configuración del servidor

En ese caso, usa un plugin de WordPress (como WP Rocket o W3 Total Cache) que activa la compresión por ti.

Brotli no está disponible en mi hosting

No todos los hostings lo soportan todavía. Si no lo tienes, Gzip es perfectamente válido. Pregúntanos si podemos activártelo.

La compresión funciona, pero la web sigue lenta

La compresión es una de varias optimizaciones. Revisa también la caché, las imágenes y los plugins. Y asegúrate de que tu hosting tiene un buen tiempo de respuesta (TTFB).

Preguntas frecuentes

¿La compresión afecta a la calidad de mi web?

No. La compresión de texto no pierde calidad. El archivo descomprimido es idéntico al original.

¿Gzip o Brotli?

Brotli si está disponible, porque comprime mejor. Si no, Gzip, que funciona perfectamente.

¿Mi hosting incluye compresión por defecto?

Los hostings de calidad (como los de miHosting con LiteSpeed) la activan por defecto. Si no la tienes, se puede activar.

¿Puedo usar Gzip y Brotli a la vez?

Sí, el servidor negocia con el navegador cuál usar. Si el navegador soporta Brotli, se usa Brotli; si no, se usa Gzip.

¿La compresión consume recursos del servidor?

Muy pocos. La compresión moderna es eficiente y el ahorro de ancho de banda compensa con creces el pequeño coste de CPU.

Activa la compresión y vuela

La compresión Gzip o Brotli es una de las optimizaciones más rentables: activarla te lleva cinco minutos y reduce el peso de tu web hasta un 80 %. Es una de las primeras cosas que recomienda Google en PageSpeed Insights.

Si necesitas ayuda para activarla, en miHosting nuestros técnicos pueden configurar la compresión por ti. En los planes con LiteSpeed, la compresión ya viene activa de serie. Abre un ticket desde tu panel de cliente y te ayudamos.