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 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
Alternativa con mod_gzip
Aunque el uso de mod_deflate es más común y moderno, también puedes optar por mod_gzip, aunque su uso ha quedado en desuso. A continuación, te mostramos un ejemplo de configuración para este módulo:
mod_gzip_on Yes mod_gzip_dechunk Yes mod_gzip_item_include file .(html?|txt|css|js|php|pl)$ mod_gzip_item_include handler ^cgi-script$ mod_gzip_item_include mime ^text/.* mod_gzip_item_include mime ^application/x-javascript.* mod_gzip_item_exclude mime ^image/.* mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*
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.