Comprimir CSS y JS con .htaccess (y por qué hoy probablemente no lo necesites)
Por Juan Luis Mora, consultor SEO freelance desde hace más de 15 años, con proyectos para pymes, tiendas online, portales públicos y empresas SaaS. Relacionado: SEO para empresas.
Antes de nada, un aviso que te puede ahorrar el resto del post: si usas un plugin de caché moderno como LiteSpeed Cache, WP Rocket o similar, la compresión de CSS y JS ya está activada de serie. Esto te sirve sobre todo si administras un servidor a mano, sin ese tipo de plugin de por medio.
Por qué comprimir
Menos peso en CSS y JS significa páginas que cargan más rápido, y la velocidad de carga lleva años siendo una señal de posicionamiento, además de afectar directamente a cuánta gente se queda o se va de tu web.
Comprimir con .htaccess (Apache)
Con el módulo mod_deflate activo en tu servidor, esto comprime los tipos de archivo más habituales:
<IfModule mod_deflate.c>
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/rss+xml
</IfModule>
Solo aplica a texto (HTML, CSS, JS, XML): nunca comprimas imágenes con esto, ya vienen comprimidas en su propio formato y perderías tiempo de servidor sin ganar nada.
Deflate, Gzip o Brotli: cuál usar hoy
Deflate y Gzip son prácticamente equivalentes en resultado. Si tu hosting soporta Brotli (la mayoría de hostings modernos ya lo hacen), es el que mejor ratio de compresión consigue hoy, y suele activarse desde el panel del hosting o desde tu plugin de caché, no tocando el .htaccess a mano.
Antes de ponerte a tocar el .htaccess, comprueba primero con PageSpeed Insights si tu web ya sirve contenido comprimido. Si ya lo hace (lo más probable si tienes un plugin de caché decente), tu tiempo lo puedes invertir en otra cosa.
¿Necesitas ayuda con tu proyecto? Trabajo como consultor SEO, SEM y AEO freelance, sin agencia ni intermediarios, para pymes, tiendas online, multinacionales y empresas SaaS. Algunos de mis servicios: SEO para ecommerce, consultoría SEM, consultor SEO WordPress y mi trayectoria como consultor SEO. Escríbeme y lo vemos.
