¿Buscas acelerar tu sitio WordPress? Activar la compresión Gzip mediante el archivo .htaccess es una forma sencilla y eficaz de mejorar los tiempos de carga de tus páginas.
¿Qué es Gzip y cómo funciona?
Gzip es un método de compresión que reduce el tamaño de archivos del sitio web como HTML, CSS y JavaScript, lo que permite que se descarguen y muestren más rápidamente en el navegador. Al detectar patrones repetitivos de texto y sustituirlos por códigos más cortos, puede reducir el tamaño de los archivos entre un 70 % y un 80 %.
Funcionamiento:
- El servidor comprime los archivos.
- El navegador recibe las versiones comprimidas.
- El navegador los descomprime y los muestra con normalidad.
Beneficios de utilizar Gzip
- Tiempos de carga más rápidos
- Menor uso de ancho de banda
- Mejora en el Largest Contentful Paint (LCP)
- Mejor posicionamiento SEO
Cómo activar Gzip desde .htaccess
Paso 1: Comprueba si Gzip ya está activado
Abre las herramientas para desarrolladores de Chrome (F12), ve a Red > Encabezados y busca Content-Encoding: gzip.
Paso 2: Localiza y haz una copia de seguridad del archivo .htaccess
Se encuentra en el directorio raíz de tu sitio. Haz una copia de seguridad antes de modificarlo.
Paso 3: Añade las reglas Gzip a .htaccess
Edita el archivo .htaccess y añade:
<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 BrowserMatch ^Mozilla/4 gzip-only-text/html BrowserMatch ^Mozilla/4\.0[678] no-gzip BrowserMatch \bMSIE !no-gzip !gzip-only-text/html Header append Vary User-Agent </IfModule>
Paso 4: Guarda y vuelve a subir el archivo
Guarda los cambios y vuelve a subir el archivo .htaccess a tu servidor.
Cómo comprobar si Gzip está activo
- Herramientas del navegador: Busca el encabezado
Content-Encoding: gzip. - PageSpeed o SpeedVitals: Ejecuta un test y revisa si aparece «Activar compresión de texto».
- Herramientas online: Usa Gift of Speed Gzip Test.
Problemas comunes y cómo solucionarlos
- Contenido sin comprimir: Verifica que los tipos de archivo estén bien definidos en
.htaccess. - Incompatibilidad del servidor:
.htaccessfunciona con Apache. Consulta con tu proveedor si usas Nginx o IIS. - Conflictos con CDN: Asegúrate de que el CDN no esté interfiriendo con la compresión.
- Falsos positivos al testear: Usa varias herramientas para confirmar.
Alternativa fácil: usar WP Rocket
WP Rocket activa automáticamente Gzip y añade optimizaciones como:
- Caché de página
- Minificación de archivos
- Optimización de imágenes
Conclusión
Activar la compresión Gzip es una mejora clave para el rendimiento. Ya sea con código o mediante plugins como WP Rocket, puedes mejorar drásticamente la velocidad de carga, el LCP, el SEO y la experiencia de usuario.
