¿Te has preguntado alguna vez cómo conseguir que un sitio web cargue más rápido sin cambiar nada en su aspecto? La clave está en cómo se transmiten los datos desde el servidor hasta el navegador del usuario. Esa transmisión se puede optimizar usando algoritmos de compresión que hacen que los archivos pesen menos.
Brotli es uno de esos algoritmos, y no es cualquiera: es el nuevo estándar que está ganando terreno frente al veterano GZIP. Aunque ambos buscan el mismo objetivo —comprimir archivos para reducir tamaño y mejorar tiempos de carga—, Brotli lo hace con mejores resultados. A continuación, te contamos con todo lujo de detalles qué es Brotli, cómo funciona, por qué se está convirtiendo en la opción favorita y cómo puedes activarlo en tu sitio web, especialmente si usas WordPress.
¿Qué es Brotli y cómo funciona?
Brotli es un algoritmo de compresión sin pérdida desarrollado por Google. Su primera aplicación fue en la compresión de archivos de fuentes web, pero con el tiempo se ha perfeccionado para funcionar con todo tipo de datos transmitidos por HTTP, como HTML, CSS, JavaScript, entre otros.
Funciona detectando patrones repetitivos en el contenido y reemplazándolos por referencias más cortas. Esto lo consigue gracias a dos tipos de diccionarios:
- Diccionario estático: contiene más de 13.000 palabras comunes en seis idiomas y elementos habituales del código HTML, CSS y JS. Brotli puede detectar frases como type=»text/javascript» o etiquetas como <HTML> para codificarlas con referencias más cortas.
- Diccionario dinámico: se genera en tiempo real analizando los datos transmitidos. Funciona como una ventana deslizante de hasta 16 MB, guardando patrones recientes para reutilizarlos inmediatamente cuando vuelvan a aparecer.
Ambos diccionarios permiten que Brotli comprima los datos con una eficiencia superior a GZIP. Además, admite 12 niveles de compresión, del 0 al 11, donde 0 es el más rápido (pero menos eficiente) y 11 el más comprensivo (aunque más lento y con más carga de CPU).
Ventajas de la compresión Brotli frente a GZIP
La principal ventaja de Brotli respecto a GZIP es su mayor ratio de compresión, lo que significa que los archivos comprimidos son más pequeños. Esto se traduce en:
- Menor consumo de ancho de banda.
- Mejor rendimiento web, especialmente en móviles o conexiones lentas.
- cargas más rápidas y mejora en Core Web Vitals.
Un estudio realizado por Akamai que analizó 1000 URL demostró que Brotli puede ahorrar un:
- 21% más en HTML.
- 14% en JavaScript.
- 17% en CSS.
Por ejemplo, un archivo HTML de 418 KB puede comprimirse con:
- GZIP nivel 9: 78,7 KB.
- Brotli nivel 11: 57,2 KB.
Si se ajusta Brotli al nivel 3, se obtiene un archivo de 76,5 KB, prácticamente igual que GZIP, pero con menor consumo de recursos.
Niveles de compresión Brotli y su impacto en rendimiento
Como se mencionó, Brotli permite ajustar la compresión entre 0 y 11. Esta configuración influye en:
- la velocidad de compresión y descompresión.
- la carga de CPU del servidor.
- el tamaño final del archivo.
Aunque el nivel máximo ofrece las mejores tasas, niveles intermedios entre 4 y 6 son recomendables por su equilibrio entre carga y rendimiento. De hecho, Cloudflare ha estado usando el nivel 4 desde 2017 y en 2023 anunciaron soporte completo para nivel 11 para aprovechar todo su potencial.
Compatibilidad de Brotli con navegadores y servidores
Actualmente, Brotli es compatible con más del 95% de los navegadores disponibles en el mercado, incluyendo Chrome, Firefox, Edge, Safari, Brave y Opera.
En cuanto a servidores web, la compatibilidad es la siguiente:
- Apache: soporta Brotli desde la versión 2.4 y puede activarse agregando
AddOutputFilterByType BROTLI_COMPRESSen el archivo .htaccess. - Nginx: requiere compilar el módulo Brotli. Tras su instalación, se activa editando
nginx.confcon directivas comobrotli on;ybrotli_types. - LiteSpeed: es totalmente compatible y viene activado por defecto en servidores con cPanel que lo utilicen.
Además, los principales proveedores CDN como Cloudflare, KeyCDN, CDN77 y Amazon CloudFront han adoptado Brotli. En muchas ocasiones, su uso ya está activado por defecto.
Cómo saber si tu sitio usa compresión Brotli
¿Quieres verificar si tu web está usando Brotli? Puedes comprobarlo mediante varias opciones:
1. Herramientas online
- KeyCDN Brotli Test: https://tools.keycdn.com/brotli-test
- Gift of Speed: https://www.giftofspeed.com/GZIP-test/
- Paul Calvano Compression Test: https://tools.paulcalvano.com/compression.php
2. Cabeceras HTTP
También puedes hacerlo con la terminal usando:
curl -LH "Accept-Encoding: br" -I https://tuweb.com
Si en la respuesta aparece content-encoding: br, significa que tu web está usando Brotli.
Cómo activar Brotli en WordPress
En WordPress, activar Brotli depende en gran medida del servidor. Sin embargo, algunos plugins de caché ofrecen soporte para Brotli o permiten activar GZIP si Brotli no está disponible.
Recomendaciones útiles:
1. Plugins de caché compatibles
Plugins como W3 Total Cache, WP Rocket o el plugin oficial de Cloudflare pueden soportar Brotli o activar GZIP como alternativa si tu servidor no lo soporta directamente.
2. Verificar configuración del servidor
Muchos hostings ya activan Brotli automáticamente, como:
- Kinsta
- SiteGround
- WP Engine
- LucusHost
- Raiola Networks
En la mayoría de los casos, ya está activado y no necesitas hacer nada adicional. Consulta con el soporte técnico si tienes dudas.
Cloudflare y la compresión Brotli de extremo a extremo
Cloudflare ha avanzado aún más ofreciendo soporte completo para Brotli entre cliente y servidor. Es decir, no descomprime primero los datos antes de enviarlos al usuario, sino que puede retransmitir datos comprimidos directamente.
Antes, Cloudflare usaba Brotli a nivel 4. Ahora permite utilizar nivel 11 si el servidor de origen también soporta esa configuración, optimizando el rendimiento.
Además, cuenta con una funcionalidad llamada Compression Rules que permite personalizar qué contenidos y cómo se comprimen, basándose en extensión, tipo, dominio, etc.
La única precaución es que funciones como Rocket Loader o Email Obfuscation pueden interferir. En esas situaciones, los contenidos se descomprimen y vuelven a comprimir usando Brotli nivel 4 para compatibilidad.
Precauciones al usar Brotli
A pesar de sus beneficios, es importante tener en cuenta algunas consideraciones:
- Brotli solo funciona en conexiones HTTPS. Si tu web usa HTTP, no se aplicará.
- Los niveles altos de compresión (10-11) consumen más recursos CPU, lo que puede afectar al rendimiento del servidor si hay muchas solicitudes simultáneas.
- Algunas configuraciones antiguas de hosting no soportan Brotli o requieren ajustes adicionales, especialmente en servidores con Apache sin módulo mod_brotli.
De todos modos, mejoras en velocidad, SEO, experiencia del usuario y ahorro de ancho de banda compensan ampliamente estas limitaciones. Optimizar el rendimiento web es esencial para ofrecer una mejor experiencia y mejorar la posición en buscadores. La compresión Brotli, cada vez más adoptada, permite reducir significativamente el tamaño de archivos HTML, CSS y JS, posicionándose como uno de los algoritmos de referencia en la web moderna. Si aún no lo tienes activado en tu WordPress o servidor, te recomendamos considerarlo, ya que es una solución gratuita, de código abierto y con beneficios comprobables en velocidad y eficiencia de datos.
Redactor apasionado del mundo de los bytes y la tecnología en general. Me encanta compartir mis conocimientos a través de la escritura, y eso es lo que haré en este blog, mostrarte todo lo más interesante sobre gadgets, software, hardware, tendencias tecnológicas, y más. Mi objetivo es ayudarte a navegar por el mundo digital de forma sencilla y entretenida.