Gu铆a de compresi贸n Gzip de WordPress

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.

Mensaje de 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:

plugin de compresi贸n WordPress 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:

Configuraci贸n de cach茅 m谩s r谩pida de WP

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:

Herramientas de prueba

隆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.