Cómo habilitar la compresión Gzip en WordPress modificando el archivo .htaccess

Habilitar la compresión Gzip en WordPress es una excelente forma de mejorar el rendimiento de tu sitio web, ya que reduce el tamaño de los archivos enviados desde tu servidor al navegador del visitante. Esto resulta en tiempos de carga más rápidos y una mejor experiencia de usuario, además de beneficiar el SEO de tu sitio.

Aquí te guiaré paso a paso sobre cómo habilitar la compresión Gzip modificando el archivo .htaccess, explicando cada detalle de manera sencilla para que cualquiera pueda entenderlo, incluso si tiene pocos conocimientos sobre WordPress.

¿Qué es la compresión Gzip?

La compresión Gzip es una técnica que reduce el tamaño de los datos (HTML, CSS, JavaScript, etc.) antes de enviarlos desde el servidor al navegador. El servidor comprime los archivos y, una vez que llegan al navegador del usuario, estos se descomprimen y se muestran normalmente. Esto no afecta el contenido de tu sitio, pero sí disminuye el tiempo que los archivos tardan en descargarse.

Por ejemplo:

Sin Gzip: un archivo HTML de 100 KB se envía tal cual al navegador.
Con Gzip: el mismo archivo se comprime a 30 KB, lo que reduce el tiempo de carga.

¿Qué es el archivo .htaccess?

El archivo .htaccess es un archivo de configuración usado por servidores web como Apache. En el caso de WordPress, este archivo se encuentra en el directorio raíz de tu instalación (la carpeta principal donde están tus archivos de WordPress) y se utiliza para gestionar configuraciones como redireccionamientos, seguridad y optimización del sitio.

Paso a paso para habilitar la compresión Gzip en WordPress

1. Verifica si tu servidor admite Gzip

Antes de comenzar, asegúrate de que tu servidor web soporte la compresión Gzip. La mayoría de los servidores Apache lo admiten de forma predeterminada, pero puedes confirmarlo:

Contacta a tu proveedor de alojamiento web y pregúntales si tienen habilitada la compresión Gzip.
Usa una herramienta en línea como Check Gzip Compression para verificar si tu sitio ya está usando Gzip.

Si Gzip no está habilitado en tu servidor, contacta a tu proveedor de hosting para activarlo, ya que los pasos aquí descritos solo funcionan si Gzip está soportado.

2. Encuentra el archivo .htaccess

Accede a los archivos de tu sitio WordPress:
- Usa un cliente FTP como FileZilla o accede al administrador de archivos de tu cPanel.
- Ve a la carpeta raíz de tu instalación de WordPress. Por lo general, es la carpeta public_html o una subcarpeta dentro de ella.
Localiza el archivo .htaccess:
- Es un archivo oculto, por lo que si no lo ves, asegúrate de habilitar la opción para mostrar archivos ocultos en tu cliente FTP o administrador de archivos.
- Si no existe un archivo .htaccess, puedes crearlo manualmente usando un editor de texto como Notepad++ o el editor integrado de cPanel. Luego, guárdalo con el nombre .htaccess (asegúrate de incluir el punto al principio).

3. Haz una copia de seguridad del archivo .htaccess

Antes de hacer cualquier cambio, es importante crear una copia de seguridad del archivo .htaccess por si algo sale mal:

Descarga el archivo original a tu computadora.
Guárdalo en un lugar seguro con un nombre como htaccess_backup.txt.

Esto te permitirá restaurar la configuración anterior si ocurre algún problema.

4. Abre el archivo .htaccess

Abre el archivo .htaccess en un editor de texto como Notepad++ o el editor de archivos de cPanel. Dentro del archivo, encontrarás líneas de código que WordPress usa para su funcionamiento, como las reglas de reescritura de enlaces permanentes.

5. Añade el código para habilitar Gzip

Debes añadir un bloque de código al archivo .htaccess para habilitar la compresión Gzip. Este es el fragmento de código que necesitas:

# Habilitar compresión Gzip
<IfModule mod_deflate.c>
  # Comprimir tipos de archivo comunes
  AddOutputFilterByType DEFLATE text/html
  AddOutputFilterByType DEFLATE text/css
  AddOutputFilterByType DEFLATE text/javascript
  AddOutputFilterByType DEFLATE text/xml
  AddOutputFilterByType DEFLATE text/plain
  AddOutputFilterByType DEFLATE image/x-icon
  AddOutputFilterByType DEFLATE image/svg+xml
  AddOutputFilterByType DEFLATE application/rss+xml
  AddOutputFilterByType DEFLATE application/javascript
  AddOutputFilterByType DEFLATE application/x-javascript
  AddOutputFilterByType DEFLATE application/xml
  AddOutputFilterByType DEFLATE application/json
  AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
  AddOutputFilterByType DEFLATE application/x-font-ttf
  AddOutputFilterByType DEFLATE application/x-font-opentype
  AddOutputFilterByType DEFLATE font/otf
  AddOutputFilterByType DEFLATE font/ttf
  AddOutputFilterByType DEFLATE font/eot
  AddOutputFilterByType DEFLATE font/woff
  AddOutputFilterByType DEFLATE font/woff2
</IfModule>

¿Qué hace este código?

El bloque <IfModule mod_deflate.c> verifica si el módulo mod_deflate (que permite la compresión Gzip) está habilitado en el servidor.
La línea AddOutputFilterByType DEFLATE indica al servidor qué tipos de archivos deben comprimirse. En este caso, abarca HTML, CSS, JavaScript, fuentes y otros tipos de contenido comunes.

6. Guarda los cambios

Después de añadir el código, guarda el archivo .htaccess:

Si estás usando un editor en cPanel, guarda y cierra el archivo.
Si estás usando un cliente FTP, asegúrate de subir el archivo modificado a la carpeta raíz, sobrescribiendo el archivo anterior.

7. Prueba si Gzip está funcionando

Una vez que hayas guardado y subido el archivo .htaccess, verifica que la compresión Gzip esté activa:

Usa herramientas en línea como:
- Gzip Compression Test
- GTmetrix (en la sección «Waterfall» puedes ver si los archivos están comprimidos).
- PageSpeed Insights de Google.
Estas herramientas te dirán si la compresión Gzip está habilitada en tu sitio y qué archivos se están comprimiendo.

8. Solución de problemas

Si algo no funciona correctamente después de habilitar Gzip, aquí tienes algunas soluciones:

Error 500 en el sitio:
- Revisa el archivo .htaccess y asegúrate de que el código esté bien copiado.
- Restaura el archivo .htaccess original desde tu copia de seguridad.
El módulo mod_deflate no está habilitado:
- Si tu servidor no tiene habilitado el módulo mod_deflate, contacta a tu proveedor de hosting para que lo active.
Conflictos con otros plugins o configuraciones:
- Si usas un plugin de caché como WP Rocket o W3 Total Cache, revisa si ya tienen una opción para habilitar Gzip (desactiva manualmente el código en .htaccess si esto ocurre).

Alternativa: Usar un plugin de WordPress

Si no te sientes cómodo modificando el archivo .htaccess manualmente, puedes usar un plugin para habilitar Gzip. Algunos plugins populares son:

WP Rocket: Incluye Gzip de forma automática.
W3 Total Cache: Ofrece una opción para activar la compresión Gzip en la configuración.
Hummingbird: Un plugin enfocado en optimización que permite habilitar Gzip fácilmente.

Con un plugin, puedes activar Gzip con unos pocos clics, aunque modificar .htaccess es una solución directa y no depende de plugins adicionales.

En Resumen

Habilitar la compresión Gzip mediante el archivo .htaccess es un método efectivo y directo para optimizar tu sitio WordPress. Aunque puede parecer complicado al principio, siguiendo estos pasos podrás hacerlo sin problemas, incluso si tienes poca experiencia. Recuerda siempre hacer una copia de seguridad del archivo .htaccess antes de realizar cambios y verificar si Gzip está funcionando correctamente después de implementarlo.

Este pequeño ajuste puede marcar una gran diferencia en la velocidad de tu sitio web y la satisfacción de tus visitantes. ¡Ponte manos a la obra y disfruta de un sitio más rápido!

¿Alguna duda sobre la compresión Gzip? Te lo aclaro en los comentarios!