Cómo habilitar la compresión GZIP para WordPress
Publicado: 2023-02-12Un sitio web lento puede crear muchos problemas. Puede ahuyentar a los visitantes y clientes potenciales, dañar la experiencia del usuario (UX) de su sitio e incluso afectar su reputación.
Disminuir el tamaño de las páginas de su sitio web es clave para mejorar las velocidades de carga. Afortunadamente, la compresión GZIP es un excelente método para lograr una carga rápida de páginas y una reducción del tamaño de los archivos.
En esta guía, veremos los conceptos básicos de la compresión GZIP, incluidos qué es y qué hace. Luego detallaremos cómo habilitar la compresión GZIP en un sitio web de WordPress. ¡Entremos de inmediato!
¿Qué es la compresión GZIP?
La compresión GZIP es un tipo de compresión de datos similar a ZIP y RAR. Se puede utilizar para comprimir todos los archivos de su sitio web, ya sean de texto, HTML, CSS, JavaScript o XML.
La compresión GZIP ocurre antes de que los archivos se envíen a los navegadores web de sus visitantes. A través de este método, la compresión GZIP reduce el tamaño de los archivos, lo que puede tener un efecto positivo en los tiempos de carga del sitio web.
¿Qué hace la compresión GZIP?
Cuando un visitante llega a su sitio web, su navegador solicita los archivos del sitio a su servidor. Su servidor comprimirá esos archivos antes de enviarlos al navegador. La compresión GZIP es un método de compresión de archivos entre otros.
Los archivos comprimidos se transfieren más rápido que los archivos sin comprimir. Esto ayuda a mejorar el rendimiento del sitio web y las velocidades de carga y, como resultado, la optimización de motores de búsqueda (SEO).
Cómo ver si la compresión GZIP está habilitada
La compresión GZIP es popular y muchas plataformas de alojamiento de WordPress la habilitan de forma predeterminada. Si no está seguro de cómo verificar si la compresión GZIP está funcionando en su sitio, puede probarlo utilizando soluciones de terceros o herramientas de desarrollo en el navegador.
Si no tiene habilitada la compresión GZIP, generalmente verá advertencias en herramientas como GTmetrix. También puede usar una herramienta de compresión GZIP para ver si su sitio web está usando compresión GZIP.
También es posible verificar si la compresión GZIP funciona utilizando las herramientas de desarrollo del navegador. Cuando esté habilitado, el encabezado de la respuesta incluirá "codificación de contenido: gzip":
Para encontrar el encabezado de respuesta en Chrome, deberá abrir DevTools y navegar a Red , luego recargar la página. Haga clic en el nombre que coincida con su sitio web y se abrirá el encabezado de respuesta.
Cómo habilitar la compresión GZIP en WordPress
Todos los sitios web en WP Engine utilizan la compresión GZIP de forma predeterminada. Todos los archivos estáticos, incluidos archivos de texto, imágenes, CSS y JavaScript, se comprimen automáticamente para un rendimiento óptimo del sitio web. Esta compresión automática reduce la necesidad de directivas GZIP en su archivo .htaccess .
Sin embargo, no todos los sitios web de WordPress están alojados en WP Engine y no se beneficiarán de la habilitación predeterminada de la compresión GZIP. Si su sitio web está alojado en una plataforma diferente, es posible que deba habilitar la compresión GZIP manualmente. Hay varias formas de hacer esto, que veremos a continuación.
Habilitar la compresión GZIP con un complemento
La forma más fácil de habilitar la compresión GZIP es usar un complemento de almacenamiento en caché. Herramientas como WP Rocket permiten la compresión agregando código a su archivo .htaccess por usted, mientras que otras como W3 Total Cache requerirán que agregue manualmente ese código.
Si bien este es generalmente el método más simple para agregar compresión GZIP, implica agregar un complemento adicional a su sitio. Si está tratando de mantener su biblioteca de complementos reducida, puede usar una de las siguientes soluciones en su lugar.
Habilitar la compresión GZIP para Nginx
Si su sitio web usa Nginx, hay un fragmento de código que puede usar para habilitar la compresión GZIP. Debe colocar el fragmento de código a continuación en el archivo nginx.conf de su sitio, en la sección "http". También puede colocar este fragmento de código en el bloque de configuración del servidor o ubicación, pero generalmente se recomienda la sección http:
gzip on;
gzip_types text/plain text/css text/javascript image/svg+xml image/x-icon application/javascript application/x-javascript;
gzip_min_length 1000;
gzip_vary on;
gzip_proxied no-cache no-store private expired auth;
gzip_diable “MSIE [1-6];
Una vez que haya guardado y cerrado el archivo, deberá reiniciar Nginx. Para hacerlo, use el siguiente comando:
sudo service nginx restart
Después del reinicio, verifique que la compresión GZIP esté activa, utilizando los métodos detallados anteriormente.
Habilite la compresión GZIP para Apache (editando el archivo .htaccess)
Si su servidor web usa Apache, deberá editar el archivo .htaccess para habilitar la compresión GZIP. Este archivo se puede encontrar en el directorio raíz de su instalación de WordPress, a través del Protocolo de transferencia de archivos (FTP) o su administrador de archivos. La mayoría de los métodos de compresión GZIP de WordPress requerirán editar el archivo .htaccess .
Hay dos mods de Apache que puede usar para habilitar GZIP, pero mod_deflate es la opción más respaldada y mejor documentada. Para habilitar mod_deflate , agregue:
<IfModule mod_deflate.c>
# Compress HTML, CSS, JavaScript, Text, XML and fonts
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
# Remove browser bugs (only needed for really old browsers)
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>
Para habilitar mod_gzip en su lugar, agregue:
<ifModule mod_gzip.c>
mod_gzip_on Yes
mod_gzip_dechunk Yes
mod_gzip_item_include file \.(html?|txt|css|js|php|pl)$
mod_gzip_item_include mime ^application/x-javascript.*
mod_gzip_item_include mime ^text/.*
mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*
mod_gzip_item_exclude mime ^image/.*
mod_gzip_item_include handler ^cgi-script$
</ifModule>
Antes de usar cualquier mod, debe hacer una copia de seguridad de su archivo .htaccess y asegurarse de que el módulo mod_filter esté en su servidor, o puede ocurrir un error 500.
Sigue aprendiendo con WP Engine
Reducir el tamaño de las páginas de su sitio web puede reducir los tiempos de carga y mejorar el rendimiento general. La compresión GZIP puede habilitar esta reducción, pero solo cuando está habilitada.
Afortunadamente, aquí en WP Engine habilitamos la compresión GZIP de forma predeterminada. Además, ofrecemos excelentes recursos para ayudarlo a aprender cómo crear una experiencia digital excepcional para sus visitantes.