Comprimir archivos Gzip y Brotli

📅 Publicado el 4 de agosto, 2026 · Por Equipo RedServicio

En el desarrollo web actual, el rendimiento no es una opción, es una obligación. Si quieres que tu sitio vuele, tienes que saber cómo comprimir archivos Gzip y Brotli sin complicaciones. Estas dos tecnologías simplemente reducen el tamaño de lo que se envía desde el servidor al navegador. Ahorras ancho de banda y, lo que es más importante, el usuario nota que las cosas cargan rápido. Vamos a ver cómo configurar esto de una vez por todas.

¿Por qué es vital la compresión web?

Cuando alguien entra en tu web, su navegador empieza a descargar recursos: HTML, CSS, JavaScript, imágenes. Si esos archivos pesan mucho, la carga se ralentiza. Se pone lento. Y cuando se pone lento, el usuario se va y tu posicionamiento en los buscadores sufre. La compresión web toma esos archivos y los encoge antes de enviarlos. Piensa en un archivo ZIP que el navegador abre solo al recibirlo.

Hoy hay dos algoritmos principales: Gzip, el clásico que funciona en casi todas partes, y Brotli, una tecnología más moderna de Google que aprieta más. Usar bien ambos puede reducir el peso de tus archivos textuales hasta un 70% o más. En conexiones móviles, esa diferencia es enorme.

Diferencias clave entre Gzip y Brotli

Antes de tocar nada de configuración, conviene saber qué es cada cosa para no liarla:

• Gzip: Es el veterano. Funciona en todos lados y consume poca CPU. Ofrece una buena compresión (normalmente en nivel 6). Es ideal si necesitas que funcionen navegadores muy antiguos, aunque hoy en día eso es raro.
• Brotli: Aprieta entre un 15% y 20% más que Gzip. A cambio, pide más potencia al procesador para comprimir en tiempo real (aunque el cliente lo descomprime rápido). Es la mejor opción si tu servidor aguanta el tirón o si usas compresión estática.

Lo mejor es configurar el servidor para que intente usar Brotli primero, pero que tire de Gzip si el navegador no lo soporta.

Comprimir archivos con Gzip en Apache

Apache sigue siendo muy común y activar Gzip es sencillo. Lo más eficiente es editar el archivo .htaccess en la raíz de tu sitio. No hace falta reiniciar el servidor y los cambios son al instante.

Aquí tienes un bloque de código sólido para activar la compresión Gzip. Filtramos solo los tipos de archivo que realmente ganan con esto (texto, no imágenes ni PDFs que ya vienen comprimidos):

1. Entra a tu hosting por FTP o con el administrador de archivos.
2. Busca el .htaccess en public_html.
3. Pega este bloque al final del archivo:

<IfModule mod_deflate.c>
  # Comprimir HTML, CSS, JavaScript, Texto, XML y fuentes
  AddOutputFilterByType DEFLATE application/javascript
  AddOutputFilterByType DEFLATE application/rss+xml
  AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
  AddOutputFilterByType DEFLATE application/x-font
  AddOutputFilterByType DEFLATE application/x-font-opentype
  AddOutputFilterByType DEFLATE application/x-font-otf
  AddOutputFilterByType DEFLATE application/x-font-truetype
  AddOutputFilterByType DEFLATE application/x-font-ttf
  AddOutputFilterByType DEFLATE application/x-javascript
  AddOutputFilterByType DEFLATE application/xhtml+xml
  AddOutputFilterByType DEFLATE application/xml
  AddOutputFilterByType DEFLATE font/opentype
  AddOutputFilterByType DEFLATE font/otf
  AddOutputFilterByType DEFLATE font/ttf
  AddOutputFilterByType DEFLATE image/svg+xml
  AddOutputFilterByType DEFLATE image/x-icon
  AddOutputFilterByType DEFLATE text/css
  AddOutputFilterByType DEFLATE text/html
  AddOutputFilterByType DEFLATE text/javascript
  AddOutputFilterByType DEFLATE text/plain
  AddOutputFilterByType DEFLATE text/xml

  # Eliminar navegadores antiguos que no soportan compresión bien
  BrowserMatch ^Mozilla/4 gzip-only-text/html
  BrowserMatch ^Mozilla/4\.0[678] no-gzip
  BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
  Header append Vary User-Agent
</IfModule>

Guarda los cambios. Para comprobarlo, usa una herramienta como Check Gzip Compression o mira la pestaña «Red» en las DevTools de tu navegador (busca la cabecera Content-Encoding: gzip).

Activación en Nginx

Si usas Nginx, la cosa cambia un poco. La configuración suele ir en el archivo del sitio (generalmente en /etc/nginx/nginx.conf o en /etc/nginx/sites-available/tu-sitio).

Agrega o modifica estas directivas dentro del bloque http, server o location:

gzip on;
gzip_vary on;
gzip_proxied any;
gzip_comp_level 6;
gzip_types text/plain text/css text/xml text/javascript application/json application/javascript application/xml+rss application/rss+xml font/truetype font/opentype application/vnd.ms-fontobject image/svg+xml;
gzip_disable "msie6";

Con gzip_comp_level 6 tienes un buen equilibrio entre tamaño y CPU. Puedes subir hasta 9, pero la ganancia de tamaño es mínima comparada con el esfuerzo del procesador.

Implementación avanzada de Brotli

Para exprimir el rendimiento al máximo, comprimir archivos con Brotli es el siguiente paso lógico. Ojo, esto requiere que el módulo correspondiente esté instalado en el servidor.

Configuración en Apache

En Apache necesitas el mod_brotli. Si tu hosting (como RedServicio.net) lo tiene activo, puedes usar tu .htaccess para darle prioridad:

<IfModule mod_brotli.c>
    AddOutputFilterByType BROTLI_COMPRESS text/html text/plain text/xml text/css text/javascript application/javascript application/x-javascript application/json application/xml+rss
    BrotliCompressionQuality 5
</IfModule>

La calidad (BrotliCompressionQuality) va de 0 a 11. Niveles altos (11) son geniales para archivos estáticos pre-generados, pero para compresión dinámica en tiempo real, quédate entre 4 y 6. Si no, saturarás el procesador.

Configuración en Nginx

En Nginx es parecido a Gzip, cambiando las directivas. Asegúrate de tener ngx_brotli instalado:

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

Hay un truco bueno para servidores con mucho tráfico: la compresión estática. Consiste en comprimir tus CSS y JS con Brotli de alta calidad (nivel 11) durante el despliegue, y decirle al servidor que sirva esos archivos .br pre-comprimidos. Así no tienes que comprimir al vuelo y bajas la carga de CPU drásticamente.

Verificación y solución de problemas comunes

Después de tocar todo esto, comprueba que funciona. A veces los archivos no se comprimen por reglas raras o módulos apagados.

Usa la pestaña de Red (Network) en Chrome o Firefox:

1. Abre las herramientas de desarrollador (F12).
2. Ve a Red y recarga la página.
3. Pincha en un archivo principal (tipo style.css).
4. Busca en los encabezados de respuesta (Response Headers) la línea content-encoding: br o content-encoding: gzip.

Si no ves nada de esto, revisa lo siguiente:

• Caché del navegador: Prueba en una ventana de incógnito para evitar que te muestre archivos viejos guardados.
• Módulos desactivados: Si usas .htaccess y nada cambia, pregunta a tu soporte si mod_deflate o mod_brotli están activos.
• Proxies inversos: Si usas Cloudflare o un CDN, ellos a veces ya comprimen. Puede que sea mejor desactivar la compresión en tu origen y dejar que el CDN trabaje.

Conclusión

Optimizar el rendimiento web no es solo cuestión de estética, es clave para el SEO y para que la gente compre o lea lo que pones. Saber comprimir archivos Gzip y Brotli es una de las habilidades más útiles para cualquier webmaster. Gzip sigue siendo ese estándar fiable que nunca falla, pero Brotli es el futuro y ahorra un ancho de banda que tus usuarios (sobre todo los que van desde el móvil) agradecerán.

Al principio parece tema de gente muy técnica, pero los beneficios se ven ya. La configuración correcta depende de tu infraestructura, así que tener un soporte técnico experto y un buen hosting marca la diferencia a la hora de resolver cualquier problema que surja.