¿Qué es la compresión web?
La compresión web es el proceso de comprimir los archivos de texto (HTML, CSS, JavaScript) antes de enviarlos al navegador del visitante, y descomprimirlos en el navegador. Funciona similar a cuando comprimís archivos en un ZIP para reducir el tamaño.
Los dos formatos principales son GZIP (el estándar histórico) y Brotli (el más nuevo y eficiente, desarrollado por Google).
¿Cuánto se puede comprimir?
- Archivos HTML: reducción del 70-80%
- Archivos CSS: reducción del 60-70%
- Archivos JavaScript: reducción del 60-70%
En términos prácticos: si tu página pesa 500KB de HTML, CSS y JS, con compresión puede transferirse como 150KB. Eso es una reducción del 70% en el ancho de banda consumido y, más importante, en el tiempo que tarda en llegar al navegador del visitante.
GZIP vs. Brotli
GZIP: El estándar de compresión web por décadas. Compatible con absolutamente todos los navegadores y servidores. Excelente relación compresión/velocidad.
Brotli: Desarrollado por Google, generalmente logra una compresión entre 15-25% mejor que GZIP para el mismo archivo. Compatible con todos los navegadores modernos (Chrome, Firefox, Safari, Edge). Requiere HTTPS para funcionar.
¿Cómo verificar si tu sitio usa compresión?
La forma más sencilla: abrí tu sitio en Chrome, ve a DevTools (F12) → Network → hacé clic en cualquier recurso HTML o CSS → en la pestaña Headers buscá "Content-Encoding". Si ves "gzip" o "br", la compresión está activa.
También podés usar: tools.pingdom.com o GTmetrix que muestran si la compresión está activa.
Activar compresión manualmente
Si tu servidor usa Apache y GZIP no está activo, podés activarlo en el archivo .htaccess:
<IfModule mod_deflate.c> AddOutputFilterByType DEFLATE text/html text/css AddOutputFilterByType DEFLATE application/javascript AddOutputFilterByType DEFLATE application/json </IfModule>
Para Nginx, la configuración va en el archivo de configuración del servidor (necesitás acceso de administrador).
