La compresión es una excelente manera de mejorar el rendimiento de tu sitio web, reduciendo el tamaño de los archivos enviados desde el servidor al navegador del usuario. En este artículo te explicamos cómo habilitar Gzip y Brotli, dos de los algoritmos de compresión más utilizados actualmente.
Índice de contenidos
¿Por qué usar Brotli y Gzip?
- Brotli: Más eficiente que Gzip en muchos casos, especialmente para archivos de texto y cuando se utiliza con HTTPS. Brotli puede ofrecer una mayor reducción de tamaño que Gzip, lo que puede mejorar la velocidad de carga.
- Gzip: Aunque Brotli suele ofrecer una mejor compresión, Gzip sigue siendo importante para la compatibilidad con navegadores y entornos más antiguos.
Habilitar la compresión Gzip
Para habilitar Gzip, debes asegurarte de que el módulo mod_deflate esté activado. Luego, añade el siguiente código a tu archivo .htaccess para comprimir diferentes tipos de archivos.
Es preferible utilizar mod_deflate frente a mod_gzip. En esencia es lo mismo pero el primero es más moderno.
# Compress HTML, CSS, JavaScript, Text, XML and fonts
<IfModule mod_deflate.c>
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
</IfModule>
Habilitar la compresión Brotli
Para habilitar la compresión Brotli, primero asegúrate de que el módulo mod_brotli esté activado. Puedes añadir el siguiente código a tu archivo .htaccess para habilitar la compresión Brotli:
# Habilitar compresión Brotli
<IfModule mod_brotli.c>
# Comprimir HTML, CSS, JavaScript, Text, XML y fuentes
AddOutputFilterByType BROTLI_COMPRESS application/javascript
AddOutputFilterByType BROTLI_COMPRESS application/rss+xml
AddOutputFilterByType BROTLI_COMPRESS application/vnd.ms-fontobject
AddOutputFilterByType BROTLI_COMPRESS application/x-font
AddOutputFilterByType BROTLI_COMPRESS application/x-font-opentype
AddOutputFilterByType BROTLI_COMPRESS application/x-font-otf
AddOutputFilterByType BROTLI_COMPRESS application/x-font-truetype
AddOutputFilterByType BROTLI_COMPRESS application/xhtml+xml
AddOutputFilterByType BROTLI_COMPRESS application/xml
AddOutputFilterByType BROTLI_COMPRESS font/opentype
AddOutputFilterByType BROTLI_COMPRESS font/otf
AddOutputFilterByType BROTLI_COMPRESS font/ttf
AddOutputFilterByType BROTLI_COMPRESS image/svg+xml
AddOutputFilterByType BROTLI_COMPRESS image/x-icon
AddOutputFilterByType BROTLI_COMPRESS text/css
AddOutputFilterByType BROTLI_COMPRESS text/html
AddOutputFilterByType BROTLI_COMPRESS text/javascript
AddOutputFilterByType BROTLI_COMPRESS text/plain
AddOutputFilterByType BROTLI_COMPRESS text/xml
</IfModule>Verificar si la compresión Gzip y Brotli está funcionando
Una vez que hayas configurado la compresión, puedes verificar si está funcionando correctamente utilizando herramientas como giftofspeed
Conclusión
Habilitar la compresión Brotli y Gzip es una forma efectiva de mejorar la velocidad de tu sitio web, reduciendo el tamaño de los archivos y acelerando el tiempo de carga. Recuerda que Brotli ofrece mejores tasas de compresión, pero Gzip sigue siendo importante para la compatibilidad.
Si tienes alguna configuración adicional o sugerencia para mejorar este código, no dudes en compartirla en los comentarios.