Guía de compresión Gzip de WordPress
Tabla de contenidos
La compresión Gzip es una técnica popular para acelerar su sitio de WordPress al reducir el tamaño de los archivos que el servidor de su sitio de WordPress envía a los navegadores de los visitantes.
Al hacer que estos archivos sean más pequeños, los navegadores de los visitantes necesitan menos tiempo para descargar su sitio, lo que acelera los tiempos de carga de su página.
En esta publicación, aprenderá todo lo que siempre quiso saber sobre la compresión Gzip en WordPress. Aprenderás:
- Más sobre la compresión Gzip y cómo funciona
- Si hay algún problema o consideración con respecto al uso de la compresión Gzip
- Cómo configurar la compresión Gzip de WordPress (algunos de los métodos también funcionarán para sitios que no sean de WordPress)
Permítanos profundizar para que pueda comenzar a acelerar su sitio.
¿Qué es la compresión Gzip? Explicado con más detalle
Gzip es un método para comprimir los archivos de su sitio a nivel de servidor.
Siempre que el navegador del visitante solicita un archivo de su servidor, su servidor comprime ese archivo con Gzip antes de enviarlo al navegador del visitante, siempre que el navegador del visitante admita la compresión Gzip (que hacen que todos los navegadores modernos).
Esta compresión no tiene ningún efecto en la funcionalidad de su sitio, por lo que no hay necesidad de preocuparse de que se descomponga, simplemente acelerando su sitio silenciosamente en segundo plano.
¿Cuales son los beneficios?
Al reducir el tamaño de los archivos de su sitio, los visitantes podrán descargar esos archivos más rápido, lo que significa que su sitio web se cargará más rápido.
Cuando usa la compresión Gzip, puede reducir el tamaño de sus archivos hasta en un 70%, por lo que casi todas las herramientas de prueba de rendimiento de sitios web recomiendan usar la compresión Gzip.
También es uno de los mejores ajustes de rendimiento que WordPress puede implementar, por lo que puede obtener estos beneficios con solo unos minutos de trabajo.
Hay diferentes “niveles”
Hasta ahora, nos hemos centrado principalmente en el lado de la compresión de Gzip, por ejemplo, cómo puede reducir los archivos de su sitio hasta en un 70%.
Pero en realidad hay dos partes del rompecabezas cuando se trata de la compresión Gzip:
- Disminuir el tamaño del archivo
- El tiempo que le toma a su servidor comprimir los archivos
La compresión Gzip viene con 9 niveles de compresión diferentes, cada uno de los cuales es un acto de equilibrio entre el tiempo que su servidor puede comprimir archivos y el tiempo que tarda en hacerlo.
El nivel 1 toma la menor cantidad de tiempo para comprimir archivos, pero también tiene la menor reducción en el tamaño del archivo. Por el contrario, el nivel 9 ofrece la mayor reducción en el tamaño del archivo, pero también tarda más en comprimir. Cada nivel entre 1 y 9 ofrece una relación diferente entre la reducción del tamaño del archivo y el tiempo de compresión.
Por defecto, el nivel es 6, pero es posible ajustar el nivel de compresión según sus preferencias.
¿Quién debería usar Gzip Compression? ¿Es seguro?
La respuesta simple es que todos debe usar compresión Gzip.
La compresión Gzip es una técnica comprobada y verdadera que no cambia el funcionamiento de su sitio.
Ha existido desde los años 90 y es utilizado por la gran mayoría de sitios web, por lo que no tiene que preocuparse de que cause problemas en su sitio.
Según W3 Techs, el 79,6% de los sitios web utilizan algún tipo de compresión. Y de ese 79,6% de sitios web, el 99% usa Gzip.
Además, debido a su popularidad, todos los navegadores modernos admiten la compresión Gzip.
Hay algunas alternativas a Gzip. Por ejemplo, Brotli es otro algoritmo de compresión que recolecta vapor y puede ofrecer mejores relaciones / tiempo de compresión en algunas configuraciones, especialmente para datos estáticos.
Sin embargo, Brotli no está tan extendido y Brotli también es más difícil de implementar. Entonces, a menos que sea un usuario técnico que construya su propia pila de hosting, estará mucho mejor con la opción probada y verdadera en Gzip.
Cómo configurar la compresión Gzip de WordPress: 4 métodos
Como mencioné antes, la compresión Gzip es bastante fácil de implementar, y tiene algunos métodos para configurar la compresión Gzip en WordPress:
- Manualmente agregando algunos fragmentos de código simples.
- Con un plugin, o un plugin Gzip dedicado o un plugin de rendimiento de WordPress más amplio.
A continuación, compartiré cuatro métodos diferentes, según sus conocimientos técnicos y la configuración del servidor:
- Método manual .htaccess – use esto si su host usa el servidor web Apache (los anfitriones más baratos lo hacen) y siéntete cómodo editando tu archivo .htaccess.
- plugin de compresión Gzip de WordPress dedicado – use esto si aún no está usando un plugin de rendimiento completo (ver el siguiente punto)
- plugin de caché – si está utilizando un plugin de rendimiento o caché, compruebe si ya es compatible con la compresión Gzip de WordPress.
- Método de configuración manual de Nginx – use esto si su hosting usa el servidor web Nginx (algunos hosts administrados de WordPress lo hacen, pero no tan populares como Apache).
Cómo habilitar manualmente la compresión Gzip a través de .htaccess
Para habilitar manualmente la compresión Gzip en WordPress, puede agregar fragmentos de código directamente al archivo .htaccess de su sitio.
Para editar el archivo .htaccess de su sitio, puede usar …
Una vez que pueda editar los archivos en el servidor de su sitio, edite el archivo .htaccess en la carpeta raíz de su sitio. Esta es la misma carpeta que incluye el contenido de wp tu wp-admin carpetas.
Luego, agregue los siguientes fragmentos de código en la parte superior del archivo .htaccess:
<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>
Una vez que guarde sus cambios, su sitio ahora debería usar compresión Gzip.
Cómo habilitar la compresión Gzip con un plugin dedicado
Si se siente cómodo editando el archivo .htaccess de su sitio, le recomiendo usar el método manual anterior, ya que el plugin solo ofrece una ruta un poco más simple para agregar fragmentos de código a su archivo .htaccess.
Sin embargo, entiendo perfectamente si le preocupa romper algo o tener problemas para conectarse a su servidor a través de FTP.
Si ese es el caso, puede usar el plugin gratuito Enable Gzip Compression en WordPress.org.
Una vez que instale y active el plugin, todo lo que tiene que hacer es ir Configuración → Compresión Gzip en su panel de WordPress y luego haga clic en el botón para Habilitar la compresión Gzip:
¡Y eso es! Una vez que haga clic en el botón, su trabajo estará listo y la compresión Gzip estará activa en su sitio de WordPress.
Cómo habilitar la compresión Gzip con el plugin de almacenamiento en caché
La mayoría de los plugins de almacenamiento en caché de WordPress incluyen una función que permite la compresión Gzip de WordPress. Aquí hay un resumen rápido de cómo trabajar con algunas soluciones populares:
- WP Rocket: WP Rocket permite la compresión Gzip automáticamente. Entonces, si tiene el plugin WP Rocket activo, su sitio ya se está beneficiando de la compresión Gzip.
- WP Super Cache – pared Configuración → WP Super Cache → Avanzado. Luego, marque la casilla “Comprimir páginas para atender a los visitantes más rápido”.
- Caché más rápido de WP – ir al cable – WP el mejor caché pestaña y luego marque la casilla de “Gzip – Reducir el tamaño de los archivos enviados desde su servidor”.
- W3 Total Cache – muro Rendimiento → Caché del navegador. Luego, marque la casilla “Habilitar la compresión HTTP (Gzip)”.
Por ejemplo, así es como se ve en WP Fastest Cache:
Cómo habilitar manualmente la compresión Gzip en Nginx
Si su host usa el servidor web Nginx, en lugar del servidor web Apache más popular, no puede usar el método .htaccess anterior porque el servidor web Nginx no usa archivos .htaccess.
Para habilitar la compresión Gzip en Nginx, en su lugar, debe agregar los siguientes fragmentos de código a su archivo de configuración de Nginx:
gzip on; gzip_comp_level 2; gzip_http_version 1.0; gzip_proxied any; gzip_min_length 1100; gzip_buffers 16 8k; gzip_types text/plain text/html text/css application/x-javascript text/xml application/xml application/xml+rss text/javascript; # Disable for IE < 6 because there are some known problems gzip_disable "MSIE [1-6].(?!.*SV1)"; # Add a vary header for downstream proxies to avoid sending cached gzipped files to IE6 gzip_vary on;
Si desea cambiar el nivel de compresión Gzip, puede hacerlo usando “gzip_comp_level 2;” línea, reemplazando “2” con el nivel de compresión deseado del 1 al 9.
Algunos hosts administrados de WordPress no le permiten editar directamente su archivo de configuración de Nginx; por ejemplo, Kinsta restringe el acceso por razones de seguridad. Si ese es el caso, todavía puede comunicarse con el apoyo de su hosting y estar dispuesto a agregarlo.
Cómo probar si funciona la compresión Gzip
Una vez que haya habilitado la compresión Gzip de WordPress usando uno de los métodos anteriores, puede probar que está funcionando usando una de las muchas herramientas de prueba de compresión Gzip online.
Me gusta esto de GiftOfSpeed: todo lo que tiene que hacer es ingresar la URL de su sitio y le indica si Gzip está habilitado o no y la reducción de tamaño del archivo que está obteniendo.
Por ejemplo, puede ver que podemos reducir el tamaño de la página de inicio de Bomb Design en un 78.07%, lo cual es una gran reducción:
¡Comience con WordPress Gzip Compression hoy!
En resumen, la compresión Gzip es una forma de reducir el tamaño de los archivos de su sitio hasta en un 70-80%. Para lograr esta reducción, su servidor comprime los archivos en el nivel del servidor antes de entregarlos a los navegadores de los visitantes.
La compresión Gzip no afecta negativamente a su sitio de ninguna manera y proporciona una forma sencilla de acelerar WordPress.
Muchos plugins de rendimiento y caché de WordPress ya le permiten la compresión Gzip. O también puede habilitarlo manualmente o usar un plugin de compresión Gzip de WordPress dedicado.
Por supuesto, hay más para acelerar WordPress que solo habilitar la compresión Gzip. Entonces, una vez que haya configurado la compresión Gzip, siga leyendo para acelerar WordPress con plugins de almacenamiento en caché, minificación y hosting de WordPress de alta calidad.
