Miércoles, 14 Agosto 2013 22:21

Habilitar compresión GZIP en WordPress

Escrito por  Luis Méndez Alejo
CMS:  WordPress |  Versión:  5.2.x |  Dificultad:  Básico |  Tiempo lectura:  5 minutos | Actualizado:  28/09/19 | 
Valora este artículo
(1 Voto)

compresión GZIP en WordPress


Hablamos de cómo habilitar compresión GZIP en WordPress para acelerar la carga de contenidos estáticos y otros.

El tiempo de carga de un Blog o Tienda desarrollado con WordPress es importante, principalmente si tenemos muchos post o registros además de gran cantidad de plugins de terceros que puedan ralentizarlo.

Esto se puede traducir en una pérdida de tráfico, reducción de ventas (WooCommerce), y malos resultados en los indexados por parte de los motores de búsqueda -son sólo algunos de los efectos secundarios de un sitio de WordPress que carga lentamente-.

   

La afirmación anterior demuestra que existe una correlación directa entre la velocidad de carga de la página y la retención de visitantes, tasa de rebotes e ingresos.

Además, incluso Google ha admitido públicamente que la velocidad de la página forma parte importante del factor de clasificación en su algoritmo de indexado.

Para la mayoría de sitios desarrollados con WordPress, un tiempo de carga de la página menor de 2 segundos es excelente, hasta 3 segundos es aceptable, y cualquier cosa por encima de 4 o 5 segundos afectará negativamente al posicionamiento en buscadores y la experiencia de los visitantes.

En versiones anteriores a la 2.5 de WordPress, las opciones de compresión Gzip venían de serie para ser gestionadas desde el dashboard, pero sencillamente se eliminaron y ahora esta tarea se gestiona a nivel servidor, es decir, desde tu cPanel.

Se puede realizar añadiendo algunas líneas en el archivo .htaccess o modificando un archivo de WordPress, tarea que puede realizar el usuario aún sin conocimientos técnicos del CMS.

Cabe decir que siempre antes de llevar a cabo este tipo de tareas es conveniente realizar una copia de seguridad, por ejemplo con All In One WP Migration.

 

 Compresión GZip por .htaccess


Este método implica editar el archivo .htaccess (el punto detrás del nombre del archivo indica que es un archivo oculto) con el Administrador de Archivos de tu cPanel para poder añadir código manualmente en el mismo.

Añadir código en htaccess:

La compresión GZIP debe estar habilitada en tu servidor web para que funcione.

  1. Edita el archivo .htaccess localizable en la carpeta de la instalación de WordPress.
  2. Antes del bloque # BEGIN WordPress añade el código indicado justo debajo.
  3. Guardar los cambios.
  4. Verificar con alguna herramienta como GiftofSpeed que los tiempos de carga se reducen y que se comprimen los estáticos y otros.
## Habilitar compresion para WordPress.
<IfModule deflate_module>
  <IfModule filter_module>
      AddOutputFilterByType DEFLATE text/plain text/html
      AddOutputFilterByType DEFLATE text/xml application/xml application/xhtml+xml application/xml-dtd
      AddOutputFilterByType DEFLATE application/rdf+xml application/rss+xml application/atom+xml image/svg+xml
      AddOutputFilterByType DEFLATE text/css text/javascript application/javascript application/x-javascript
      AddOutputFilterByType DEFLATE font/otf font/opentype application/font-otf application/x-font-otf
      AddOutputFilterByType DEFLATE font/ttf font/truetype application/font-ttf application/x-font-ttf
  </IfModule>
</IfModule>

Verificación en GiftofSpeed tras habilitar compresión GZIP.


Verificación en GiftofSpeed

Haz clic en la imagen para ampliarla  

La aplicación de estas llamadas al módulo DEFLATE desde el archivo .htaccess permitirá la compresión de archivos html, javascript, CSS, xml, es decir, archivos estáticos.

Importante La compresión GZIP no funciona con imágenes o archivos multimedia.

Algunos archivos de imágenes, como los MPEG o WAV, se comprimen bien con GZIP. Otros archivos, como los MP3 pueden aumentar de tamaño si intentas comprimirlos.

 Ventajas de la compresión Gzip


  • Reduces el número de peticiones al servidor.
  • Mejors la carga de los contenidos de portada del Blog.
  • Contribuyes a mejorar la experiencia del usuario (UX).
  • Mejoras el posicionamiento de tus contenidos.

 Inconvenientes de la compresión Gzip


  • Mayor consumo de recursos del servidor (CPU/RAM).
  • Debes vigilar en posteriores actualizaciones que los cambios permanecen.

 Ignorar navegadores problemáticos


Es posible que algunos navegadores no interpreten bien el módulo DEFLATE y en estos casos es mejor excluirlos mediante código insertado en tu archivo .htaccess justo debajo del anterior código.

## Anular en los navegadores que dan problemas con GZIP 
	BrowserMatch ^Mozilla/4 gzip-only-text/html
	BrowserMatch ^Mozilla/4\.0[678] no-gzip
	BrowserMatch \bMSI[E] !no-gzip !gzip-only-text/html
	Header append Vary User-Agent

Navegadores como Google Chrome no parecen presentar problemas con DEFLATE pero una forma de inspeccionar este tipo de cabeceras y ver que sucede en tu web desde Chrome es usando la extensión para navegador llamada ModHeader que te permite inspeccionar y modificar las cabeceras de peticiones y respuestas así como añadir y modificar cabeceras de peticiones HTTPS y cabeceras de respuesta.

 

 Conclusiones


Casi todos los sitios web en la actualidad utilizan una mezcla de lenguajes de programación como HTML, CSS o JavaScript).

Reducir estos archivos, que básicamente son archivos de texto, ayudará a acelerar los tiempos de carga de la web considerablemente.

Existen servicios muy populares como Google PageSpeed Insights donde puedes evaluar los tiempos de carga de cada uno de los elementos de tu web y así analizar en detalle si algún estático está causando cuellos de botella y aumentando los tiempos de carga para resolverlo.

Utilizando plugins para WordPress como optimizador.io ayudarás que que todas las imágenes que uses en tu Tema y en tus publicaciones, se compriman sin pérdida de calidad y de esta forma mejorarás más la carga de tu web y con ello el posicionamiento.

 

Tiempos de carga de tu web por encima de 3 o 4 segundos afectan negativamente a tu sitio, empeorando su posicionamiento y provocando que el número de visitas a tus contenidos baje drásticamente.

     

¿Te ha resultado interesante este artículo?

Suscríbete para recibir consejos exclusivos para WordPress



Luis Méndez Alejo

Luis Méndez Alejo

Miembro del equipo técnico de Webempresa.
Coordinador de contenidos en el Blog y en Youtube.
Soporte técnico en CiberProtector.


Plugin Optimización de Imágenes Gratuito para WordPress