01.3 Compresión Gzip
Vamos a asegurarnos de que nuestro alojamiento web cumple con los aspectos fundamentales para la mejor optimización posible de nuestro sitio web WordPress. Hablemos de la compresión GZIP.
¿Qué es GZIP?
Cuando hacemos referencia a la compresión GZIP hablamos de una tecnología de servidor que comprime todos los archivos de tu web al servírselos a los usuarios. Esto permite que tu página pese mucho menos al ser visitada y, en consecuencia, cargue más rápida.
Usar la tecnología GZIP aporta otras ventajas como el hecho de que vas a bajar considerablemente el uso de recursos de la CPU del servidor. También reducirás el ancho de banda que consumes.
Tendrás que prestar atención a este aspecto cuando en PageSpeed Ingihts te aparezca el mensaje “Habilitar la compresión”.
Archivos como los .css que pueden llegar pesar 600 o 700 kb, reducen su peso a 100 kb cuando son comprimidos por esta tecnología.
¿Cómo activamos la compresión GZIP?
Lo primero que tienes que comprobar es si tu hosting tiene activada esta tecnología. Visitando esta herramienta podrás comprobar si tu sitio web dispone de la misma.
Si no tienes esta tecnología activada no servirá de nada que uses el código que te voy a entregar a continuación pues no va a funcionar. Lo habitual es que si la tengas disponible.
Bien, contamos con que disponemos de la tecnología GZIP. Por lo tanto podemos intervenir en nuestro WordPress para activar GZIP en el mismo.
Accedes a tu archivo .htaccess. (haz copia de seguridad del mismo). Este archivo lo vas a encontrar en la raiz del dominio donde tengas tu página web como puedes comprobar. Editas el archivo y copias este texto:
# Gzip compression
<IfModule mod_deflate.c>
# Active compression
SetOutputFilter DEFLATE
# Force deflate for mangled headers
<IfModule mod_setenvif.c>
<IfModule mod_headers.c>
SetEnvIfNoCase ^(Accept-EncodXng|X-cept-Encoding|X{15}|~{15}|-{15})$ ^((gzip|deflate)\s*,?\s*)+|[X~-]{4,13}$ HAVE_Accept-Encoding
RequestHeader append Accept-Encoding "gzip,deflate" env=HAVE_Accept-Encoding
# Don’t compress images and other uncompressible content
SetEnvIfNoCase Request_URI \
\.(?:gif|jpe?g|png|rar|zip|exe|flv|mov|wma|mp3|avi|swf|mp?g|mp4|webm|webp|pdf)$ no-gzip dont-vary
</IfModule>
</IfModule>
# Compress all output labeled with one of the following MIME-types
<IfModule mod_filter.c>
AddOutputFilterByType DEFLATE application/atom+xml \
application/javascript \
application/json \
application/rss+xml \
application/vnd.ms-fontobject \
application/x-font-ttf \
application/xhtml+xml \
application/xml \
font/opentype \
image/svg+xml \
image/x-icon \
text/css \
text/html \
text/plain \
text/x-component \
text/xml
</IfModule>
¿Ha funcionado? vamos a comprobarlo.
Comprueba que funciona GZIP a través de la herramienta que compartí antes contigo. Haz clic en este enlace.
Te aparecerá un mensaje similar a este:
Ya tienes tu WordPress usando la tecnología GZIP. Sigamos optimizando nuestro servidor para obtener el mejor rendimiento.