¿Has oído hablar de la compresión del servidor y no sabes muy bien de qué va? ¿Te suenan GZIP, Deflate y Brotli pero no tienes claro cuál te conviene?
Pues estás en el sitio adecuado, querido lector. Hoy te explico qué hace cada método de compresión, cuál elegir y cómo activarlo en tu página web.
Te adelanto la conclusión: lo importante no es cuál elijas, sino que tengas compresión activada. Y muchas páginas web no la tienen. ¡Vamos al lío!
Resumen rápido
- La compresión reduce el peso de los archivos de texto (HTML, CSS y JavaScript) antes de enviarlos al navegador.
- Brotli comprime algo mejor que GZIP y está soportado por todos los navegadores modernos.
- Deflate está en desuso: no aporta nada frente a los otros dos.
- No comprimas imágenes ni vídeos: ya están comprimidos y solo gastarías CPU.
¿Qué es la compresión del servidor?
Es un proceso por el que el servidor reduce el tamaño de los archivos antes de enviarlos al navegador, que los descomprime al recibirlos.
El resultado: menos datos viajando por la red y páginas que cargan antes, especialmente en conexiones móviles. Es de las optimizaciones con mejor relación esfuerzo-resultado que existen.
¿Sobre qué archivos actúa?
| Tipo de archivo | ¿Comprimir? |
|---|---|
| HTML, CSS y JavaScript | Sí, es donde más se nota |
| JSON, XML y SVG | Sí |
| Tipografías WOFF2 | No: ya vienen comprimidas |
| Imágenes JPG, PNG y WebP | No: ya están comprimidas |
| Vídeos y PDF | No |
| Archivos ZIP o similares | No |
Para las imágenes, lo que toca es optimizarlas aparte, como te explico en optimizar imágenes en WordPress.
GZIP
Es el método más extendido y el más compatible de todos. Está basado en el algoritmo Deflate y lleva funcionando desde los años noventa, así que lo soporta absolutamente cualquier navegador y servidor.
- Reduce el peso de los archivos de texto de forma muy notable.
- Compatibilidad total, sin excepciones.
- Comprime y descomprime rápido, con poco consumo de CPU.
- Está disponible en prácticamente todos los hostings.
Si solo puedes tener uno, que sea este. Y si tu página web no tiene ninguno, activar GZIP es de lo primero que deberías hacer.
Deflate
Comparte algoritmo con GZIP pero utiliza una cabecera distinta. En la práctica, no aporta ninguna ventaja: comprime igual o peor y tuvo problemas de compatibilidad con algunos navegadores antiguos.
Hoy está en desuso. Si aparece en la configuración de tu servidor, no pasa nada, pero no es la opción a elegir.
Brotli
Es el método más moderno, desarrollado por Google y pensado específicamente para la web. Su ventaja es que comprime algo mejor que GZIP, sobre todo en archivos de texto pequeños.
- Mejor ratio de compresión que GZIP en HTML, CSS y JavaScript.
- Soportado por todos los navegadores modernos, y solo en conexiones HTTPS.
- Permite varios niveles: a más nivel, mejor compresión y más consumo de CPU.
- Los navegadores antiguos reciben GZIP automáticamente, así que no rompe nada.
PD. Seamos realistas con las expectativas: la diferencia entre Brotli y GZIP es de un pequeño porcentaje de peso, no un salto espectacular. Si tienes GZIP activado, pasar a Brotli está bien, pero no es lo que va a transformar tu velocidad de carga.
Comparativa: ¿cuál es mejor?
| GZIP | Deflate | Brotli | |
|---|---|---|---|
| Ratio de compresión | Muy bueno | Similar o peor | El mejor |
| Compatibilidad | Total | Irregular | Navegadores modernos con HTTPS |
| Consumo de CPU | Bajo | Bajo | Variable según el nivel |
| Disponibilidad en hostings | Universal | Universal | Cada vez más habitual |
| Recomendación | Mínimo imprescindible | No utilizar | La mejor opción hoy |
La configuración ideal es tener Brotli con GZIP como respaldo, que es lo que hacen los servidores modernos de forma automática.
Cómo comprobar si tienes la compresión activada
- Abre las herramientas de desarrollo de tu navegador, pestaña de red.
- Recarga la página y pulsa sobre el documento principal.
- Busca la cabecera
content-encodingen la respuesta: si ponebr, tienes Brotli; si ponegzip, tienes GZIP; si no aparece, no tienes compresión. - Revisa también PageSpeed Insights: te avisa si detecta recursos de texto sin comprimir.
Cómo activar la compresión
Desde tu hosting
Es lo primero que deberías mirar. La mayoría de hostings modernos la traen activada por defecto, y muchos incluyen Brotli. Si tienes dudas, pregunta a su soporte: es la vía más rápida y sin riesgo.
Con un plugin de WordPress
Los plugins de caché suelen incluirla. WP Rocket la activa automáticamente, y otros como LiteSpeed Cache o el plugin de tu propio hosting también la gestionan.
Con una CDN
Si utilizas una CDN como Cloudflare, ya comprime por ti, así que no tienes que hacer nada más.
Editando el .htaccess
Si tu servidor es Apache y no tienes otra opción, puedes añadirlo al .htaccess:
<IfModule mod_deflate.c> AddOutputFilterByType DEFLATE text/html text/plain text/xml text/css AddOutputFilterByType DEFLATE text/javascript application/javascript AddOutputFilterByType DEFLATE application/json application/xml AddOutputFilterByType DEFLATE image/svg+xml </IfModule> PD. Tres avisos antes de tocar el .htaccess: haz una copia de seguridad (un error ahí tumba la página web entera con un error 500), comprueba antes si tu hosting ya lo tiene activado para no duplicarlo, y no pegues código de foros antiguos, que suele incluir módulos que ya no existen en los servidores actuales.
Si tu servidor es NGINX, la compresión se configura en los archivos del servidor, así que tendrá que hacerlo tu hosting.
Errores habituales
- Intentar comprimir imágenes o vídeos: no se reducen y gastas CPU.
- Activar la compresión en dos sitios a la vez (hosting y plugin), lo que puede provocar errores.
- Pegar código obsoleto en el .htaccess con módulos que ya no existen.
- Utilizar un nivel de Brotli muy alto sin caché: comprime mejor, pero consume CPU en cada petición.
- Pensar que la compresión sustituye a la caché: son cosas distintas y complementarias.
- Olvidarse de comprobarlo después de cambiar de hosting.
Conclusiones sobre la compresión
La compresión es una de esas optimizaciones que se activan una vez y funcionan para siempre. Brotli es la mejor opción hoy, GZIP es un mínimo imprescindible y Deflate ya no pinta nada.
Mi recomendación: comprueba primero qué tienes activado. Si ya tienes Brotli o GZIP, dedica tu tiempo a las imágenes y a la caché, que es donde queda más margen de mejora. Te lo explico en cómo optimizar WordPress.
Si prefieres que me encargue yo del rendimiento de tu página web, puedo hacerlo en mi servicio de mantenimiento web WordPress. Y si quieres una página web rápida desde el primer día, te ayudo con mi servicio de diseño web WordPress.
Ahora te toca a ti, querido lector. ¿Qué compresión tienes activada? ¡Te leo en los comentarios!
Preguntas frecuentes sobre la compresión del servidor
¿Qué es la compresión GZIP?
Es un método por el que el servidor reduce el tamaño de los archivos de texto antes de enviarlos al navegador, que los descomprime al recibirlos. Es el más extendido y compatible de todos.
¿Qué es mejor, GZIP o Brotli?
Brotli comprime algo mejor, sobre todo en archivos de texto pequeños, y lo soportan todos los navegadores modernos sobre HTTPS. La diferencia frente a GZIP existe, aunque es moderada.
¿Sigue sirviendo Deflate?
Está en desuso. Comparte algoritmo con GZIP pero no aporta ninguna ventaja y tuvo problemas de compatibilidad, así que hoy no es la opción recomendable.
¿Cómo saber si mi web tiene compresión activada?
Abriendo las herramientas de desarrollo del navegador, en la pestaña de red, y comprobando la cabecera content-encoding de la respuesta. Si indica br o gzip, hay compresión activa.
¿Se pueden comprimir las imágenes con GZIP?
No tiene sentido, porque los formatos de imagen ya están comprimidos. Intentarlo no reduce el peso y consume recursos del servidor. Las imágenes se optimizan con otros métodos.
¿Cómo activar la compresión en WordPress?
Lo más sencillo es comprobar si el hosting ya la tiene activada, porque la mayoría la incluyen. Si no, puede activarse con un plugin de caché, con una CDN o editando el archivo .htaccess.
¿La compresión sustituye a la caché?
No. La compresión reduce el tamaño de los archivos que se envían y la caché evita generar la página de nuevo en cada visita. Son medidas distintas y complementarias.