3 formas de habilitar la compresión GZip en WordPress (sitio web más rápido)

Habilitar la compresión gzip de WordPress

Una de las cosas que debe hacer para que su sitio web sea más rápido es habilitar la compresión Gzip de WordPress. Es un crucial aspecto porque en pocas palabras, si quieres tu sitio web para ser más rápido, el tamaño de las páginas que necesita para servir a sus visitantes debe ser menor.

Así es como se ve la advertencia Habilitar compresión Gzip en GTMetrix:

advertencia de gtmetrix

Básicamente, lo que hace es esto:

le pide al servidor que comprima todos los archivos antes de enviarlos al usuario. Dado que los archivos son más pequeños, necesitan mucho less tiempo para entregarse al usuario, lo que resulta en una experiencia general más rápida para su usuario.

Esta es una recomendación bastante alta en Google Insights PageSpeed y se sugiere en sitios de optimización de sitios web como GTMetrix.

Informe de información sobre la velocidad de la página que sugiere la compresión de archivos

Vamos a llevarlo a través de todo el proceso de verificar si la función de habilitación de compresión Gzip está habilitada en su sitio. Luego, le mostraremos 3 formas de habilitarlo o deshabilitarlo según sea necesario. 

  1. Habilite la compresión Gzip de WordPress a través de archivos .htaccess
  2. Habilitarlo a través de un complemento de compresión WordPress Gzip
  3. Comprimir archivos en sus sitios web utilizando la configuración de su CPanel de alojamiento.

Marque Habilitar compresión GZip

Antes de ir y hacer cualquier cambio, probablemente desee verificar si la función de compresión Gzip habilitada de su sitio ya está habilitada para su sitio de WordPress. 

Hay bastantes otros sitios que pueden compruebe si lo tiene habilitado con esta herramienta or Prueba de compresión HTTP.

Haz tu sitio web más rápido

Ejecute su sitio a través de la prueba.

Verifique la compresión gzip de WordPress habilitada

Si ya lo tiene habilitado, no tiene que hacer nada. Obtendrá un buen resultado, como el que se muestra a continuación, que le muestra que su sitio web. Si no, sigue leyendo.

 Resultado exitoso

 

También puede verificar la compresión GZIP utilizando un complemento de las mismas personas que crearon la herramienta anterior. Puedes encontrar el complemento aquí

Alternativamente, si está utilizando el navegador Chrome, puede optar por verificar si el encabezado Codificación de contenido GZIP está presente en su sitio.

Puede verificar esto usando las herramientas de desarrollo en Ver> Desarrollador> Herramientas de desarrollador y cambiar a la pestaña Red. Si accede a la primera solicitud y se desplaza hacia abajo hasta los encabezados HTTP, verá algo como lo siguiente si Habilitar compresión Gzip ya está habilitado.

Las herramientas de desarrollo de Chrome aceptan codificación

Ahora que ha determinado cómo verificarlo, le mostraremos varias formas de cómo habilitarlo.

Cómo habilitar la compresión GZip

Es muy, muy simple habilitar la compresión de sus archivos utilizando las funciones integradas de su servidor web; por lo general, solo necesita conocer la sintaxis correcta para habilitar la funcionalidad.

De hecho, hay varias formas de hacer esto, por lo que le mostraremos algunas y podrá elegir la que prefiera o que funcione mejor para usted. Recuerde que antes de realizar cambios drásticos, se recomienda que tome un copia de seguridad completa de WordPress

300x250 Naranja

1. Habilite la compresión Gzip de WordPress a través de .htaccess

Una forma sencilla de habilitar la compresión Gzip de WordPress es configurando algunas directivas en su archivo .htaccess.

Ya hemos visto formas de optimizar la velocidad del sitio. aprovechando el almacenamiento en caché del navegador a través de su archivo .htaccess, por lo que si se siente cómodo jugando con su archivo .htaccess, este es el método para usted.

Asegúrese de haber realizado una copia de seguridad de este archivo, ya que cualquier pequeño error en este archivo dañará su sitio y hará que se caiga instantáneamente. Haga una copia de su versión de trabajo actual antes de intentar cualquier cambio para que pueda volver a ella si algo sale mal después de habilitar la compresión gzip.

Las siguientes (y la mayoría de las opciones que vamos a utilizar) utilizan la funcionalidad de mod_deflate que es un módulo que normalmente se habilita en servidores web alimentados por el servidor web Apache.

Agregue lo siguiente a su archivo .htaccess, a través del CPanel / File Manager de su servidor de alojamiento

# Text compresa, html, javascript, css, xml: AddOutputFilterByType texto DEFLATE / plain AddOutputFilterByType texto DEFLATE / html AddOutputFilterByType DEFLATE texto / xml AddOutputFilterByType DEFLATE text / css texto AddOutputFilterByType DEFLATE / javascript AddOutputFilterByType DEFLATE application / xml aplicación AddOutputFilterByType DEFLATE / xhtml + xml AddOutputFilterByType DEFLATE la aplicación / rss + xml AddOutputFilterByType DEFLATE la aplicación / javascript AddOutputFilterByType DEFLATE la aplicación / x-javascript AddOutputFilterByType DEFLATE la aplicación / vnd.ms-fontobject AddOutputFilterByType DEFLATE la aplicación / x -FilterFilterByType DEFLATE la aplicación / x-DEF-font AddOutype -otf AddOutputFilterByType DEFLATE aplicación / x-font-truetype AddOutputFilterByType DEFLATE aplicación / x-font-ttf AddOutputFilterByType DEFLATE fuente / opentype AddOutputFilterByType DEFLATE fuente / otf AddOutputFilterByType DEFLATE fuente / svf AddOutput DEfilter AddOutput DEFilter fuente / sv ml AddOutputFilterByType DEFLATE image / x-icon AddType x-font / otf .otf AddType x-font / ttf .ttf AddType x-font / eot .eot AddType x-font / woff .woff AddType image / x-icon .ico AddType image / png .png

Una vez que haya habilitado lo anterior, ejecute su sitio a través de la prueba anterior nuevamente.

Por supuesto, si desea deshabilitar la función, simplemente elimine las líneas anteriores del archivo htaccess. Si hay otros archivos que le gustaría comprimir, deberá agregar estos tipos de archivos también con un método similar al anterior. 

NGINX y IIS:

La sintaxis para habilitar la compresión GZip en Nginx es un poco diferente a hacerlo para Apache usando .htaccess. Deberá agregar el siguiente texto a su archivo nginx.conf, que es el equivalente al archivo .htaccess en NGINX.

gzip encendido; gzip_disable "MSIE [1-6] \. (?!. * SV1)"; gzip_vary on; gzip_types text / plain text / css text / javascript image / svg + xml image / x-icon application / javascript application / x-javascript;

En IIS, es decir, el servidor web que se ejecuta en máquinas con Windows, es mejor hacerlo a través de la interfaz IIS. usando esta guía de Microsoft.

2. Habilitar la compresión a través de un complemento GZip de WordPress

Dado que está tratando de hacer que su sitio web sea más rápido habilitando la compresión GZip, tenemos excelentes noticias para usted.

Hay un complemento WP Rocket, que no solo permite comprimir archivos para hacerlos más pequeños, sino que también realiza decenas de optimizaciones más para hacer que su sitio web sea más rápido. Entre algunas cosas que lo maneja bien:

  • Habilite la compresión GZIP (¡por supuesto!)
  • Habilitar el almacenamiento en caché del navegador
  • Habilite la optimización de imágenes (para hacer que el tamaño de sus imágenes sea más pequeño y más rápido)
  • Permite la carga diferida, de modo que las imágenes y otras imágenes pesadas solo se cargan cuando se necesitan (bajo demanda)
  • Se integra con una CDN de modo que los recursos pesados ​​se pueden servir de manera más eficiente
  • Elimina todos los complementos y tablas antiguos, muertos o no utilizados
  • Habilita el almacenamiento en caché de archivos y bases de datos
  • y muchas otras optimizaciones

Aunque la habilitación de la compresión GZIP no está visible en la captura de pantalla a continuación, está habilitada de forma predeterminada y completamente transparente en WP Rocket. Aquí hay un montón de otras configuraciones del tablero que encontrará en esta herramienta. 

WP Rocket

El complemento no es gratuito, pero en realidad vale la pena la inversión porque un sitio web rápido es una gran experiencia, no solo para usted, sino más especialmente para sus visitantes. Sobre todo, ¡se habilita literalmente en unos minutos y con unos pocos clics!

Pero antes de continuar, tenemos una historia rápida para compartir. Hasta hace unos meses, nuestro sitio web no era tan rápido como queríamos. Habíamos estado publicando contenido nuevo con mucha frecuencia, pero el sitio era un poco pesado, por lo que estaba tardando un poco en cargarse. A veces tarda de 5 a 8 segundos o más en cargarse.

Y no pudimos hacerlo más rápido sin importar lo que hiciéramos.

Un buen día nos encontramos con WP Rocket. Habíamos estado perdiendo tanto tiempo tratando de hacer que el sitio fuera rápido, que simplemente tomamos la bala y obtuvimos el complemento. BOOM: la velocidad de carga del sitio desciende a bajo 2 segundos!

(Noticias: La última actualización de Google le ha dado a nuestro sitio un aumento del 30% en el tráfico orgánico; creemos que la mayor parte se debe al aumento de velocidad que obtuvo nuestro sitio gracias a WP Rocket)

Visita WP Rocket

¿No te interesa esto? Siga leyendo, ¡hay otras formas de habilitar la compresión Gzip, por supuesto!

Si desea utilizar una forma que posiblemente sea less técnico, puede utilizar un complemento de compresión WordPress Gzip. En pocas palabras, en lugar de tener que cambiar archivos con el riesgo de romper su sitio si comete un error, un complemento hace que sea mucho más fácil habilitar la compresión Gzip.

Puede ejecutar una búsqueda en Google para complemento de compresión de wordpress O si no opta por lo simple Compresión de velocidad Gzip Ninja.

Al igual que con todos los complementos de WP, este es un procedimiento bastante sencillo para instalar y activar el complemento. Una vez que haya hecho eso, su sitio ahora debería tener habilitada la compresión Gzip de WordPress

Complemento de compresión gzip de WordPress 

3. Habilite la compresión de página GZIP a través de CPanel

Además de habilitar la compresión de páginas GZip a nivel de WordPress, puede optar por hacerlo a nivel de servidor, si está disponible. Esto significa que todos los sitios web alojados en su servidor ahora estarán completamente habilitados para gzip. 

Los siguientes son los pasos exactos para el procedimiento:

  1. Inicie sesión en el CPanel del alojamiento de su sitio web
  2. Haga clic en el icono del sitio web "Optimizar".
  3. Elija la opción "Comprimir todo el contenido"
  4. Haga clic en Actualizar configuración
  5. Prueba la compresión y listo.

Veamos el procedimiento completo con más detalle y usando capturas de pantalla.

Busque el icono "Optimizar sitio web" en su Cpanel y haga clic en él.

Nivel de servidor de compresión Gzip: optimizar el icono del sitio web en Cpanel

Una vez que esté en el sitio web de Optimize en CPanel, puede elegir "Comprimir todo el contenido". Esto le pide a su servidor que comprima el contenido con gzip antes de enviarlo al visitante. Por supuesto, si su sitio WP está alojado aquí, puede estar seguro de que su contenido también está comprimido con gzip de WordPress.

Gzip comprime todo el contenido

Cómo deshabilitar la compresión GZip

Desactivar esta función es mucho, es solo una cuestión de revertir los cambios anteriores. Por lo tanto, puede eliminar todos los códigos adicionales que agregamos a nuestros archivos de configuración, deshabilitar el complemento o deshabilitar la función Optimizar el sitio web en nuestro CPanel.

A continuación, deberá volver a ejecutar las pruebas para comprobar si se ha desactivado la compresión de archivos.

¿Por qué habilitamos esto?

Solo como un poco de información de fondo, echemos un vistazo a lo que sucede detrás de escena cuando un visitante llega a su sitio web y el navegador comienza a hablar con el servidor web del sitio web.

Digamos que vienes a www.collectiveray.com / index.ghtml: su navegador inicia una "conversación" con el servidor web utilizando el protocolo HTTP que utiliza solicitudes y respuestas.

Solicitud HTTP

  1. Navegador de usuario: Oye, ¿puedo   el archivo /index.html
  2. Servidor web: Ok, déjame ver si index.html está disponible…
  3. Servidor web: Sí, aquí está (200 OK) Estoy a punto de comenzar a enviar el archivo que tiene un tamaño de aproximadamente 50 KB.
  4. Navegador de usuario: 50 KB Ok, lo esperaré ... esperando, esperando ... genial, está cargado.

Como puede imaginar, esta es una vista simplista de lo que está sucediendo, pero si lo desea, puede usar las herramientas de desarrollo de Chrome que describimos anteriormente para monitorear exactamente lo que está sucediendo.

Funciona y obtienes tu archivo. Este proceso se repite una y otra vez hasta que obtiene todos los archivos que componen la URL solicitada.

Pero aunque el sistema funciona, enviar 50 KB de texto no es muy eficiente. Tenga en cuenta que este proceso ocurre varias veces, probablemente cientos de veces por cada página que visita. Y aunque 50 KB puede parecer poco, el efecto acumulativo de enviar todos los archivos diferentes comienza a acumularse. (Tenga en cuenta que protocolos como HTTP / 2 han mejorado significativamente este proceso)

Descargue la lista de 101 trucos de WordPress que todo bloguero debe conocer

101 trucos de WordPress

Haga clic aquí para descargar ahora

A decir verdad, la mayoría de los textos, como los archivos HTML, CSS y JS en un sitio web, son ineficientes por naturaleza porque son legibles por humanos y están hechos para el consumo tanto de humanos como de máquinas, pero no son esbeltos ni eficientes en absoluto. formulario.

Entonces, ¿qué podemos hacer para mejorar este proceso? ¡Ciérralo, por supuesto! Comprimir es esencialmente el proceso de codificar el archivo de tal manera que hace que el texto se envíe más pequeño, sin perder la información que contiene.

Y al enviar una versión comprimida de los archivos que necesitamos enviar, estamos ahorrando tanto en ancho de banda como en tiempo de descarga. Luego, el navegador descomprime o descomprime el archivo y se lo muestra al usuario, que está más contento, porque la página se carga rápidamente.

Echemos un vistazo a cómo se ve la nueva conversación entre el servidor web:

Solicitud HTTP comprimida 

  1. Navegador de usuario: Oye, ¿puedo   el archivo index.html? Estaría encantado de usar una versión comprimida si tiene una
  2. Servidor web: Ok, déjame ver si index.html está disponible…. ¡Entonces te enviaré una versión comprimida!
  3. Servidor web: Sí, aquí está (200 OK) Estoy a punto de comprimir el archivo que tiene un tamaño de aproximadamente 5 KB. Listo, a punto de empezar a enviarlo. 
  4. Navegador de usuario: ¡Genial! Son solo 15 KB. Lo descomprimiré y se lo mostraré al usuario.

Como hemos señalado varias veces y varios artículos, páginas pequeñas que se cargan rápido = usuarios felices!

La fórmula es simple: archivo más pequeño = descarga más rápida = usuario feliz.

Detalles de codificación

La parte importante de este intercambio o conversación entre el navegador del usuario y el servidor es comprender que está bien entregar un archivo comprimido. El contrato o acuerdo tiene dos partes

  • La el navegador envía un encabezado que muestra al servidor web que el navegador acepta contenido comprimido (gzip y deflate son dos esquemas de compresión que están comúnmente disponibles): Accept-Encoding: gzip, deflate

  • La el servidor web envía una respuesta si está enviando contenido que en realidad está comprimido: Content-Encoding: gzip

Es posible que el servidor no envíe realmente el encabezado de respuesta de codificación de contenido, lo que significa que el archivo no se comprimió (este es el comportamiento predeterminado en la mayoría de los servidores). El encabezado "Aceptar codificación" es solo el navegador que solicita que acepte archivos comprimidos, no una demanda. Si el servidor no tiene esta función habilitada o no desea devolver contenido comprimido, el navegador utilizará la versión normal sin comprimir.

Preguntas Frecuentes

¿Qué es la compresión?

La compresión Gzip o Broltli es el proceso de codificar los archivos que se enviarán desde el servidor web al navegador de un visitante de tal manera que sea más pequeño (y por lo tanto más rápido) para entregar al usuario final. El tiempo que tarda el servidor en comprimir este contenido y el navegador en descomprimirlo suele ser mucho menor que el tiempo ganado gracias al menor tamaño. Esto se debe a que las conexiones a Internet tienen una latencia mucho mayor (impacto en el rendimiento) que el tiempo de CPU necesario para comprimir / descomprimir el contenido.

¿Debo habilitar la compresión GZIP?

Sí, debe habilitar la compresión GZip para su sitio web. Esto requiere muy poca intervención o cambios, es muy fácil de implementar, tiene poco impacto en el contenido de su sitio web pero proporciona una mejora masiva de rendimiento a la velocidad de su sitio web.

¿Cómo habilito la compresión GZIP en CPanel?

Para habilitar la compresión GZip en CPanel, simplemente busque la función "Optimizar sitio web" y habilite "Comprimir todo el contenido".

¿Cómo pruebo la compresión GZip?

Para probar la compresión GZip, simplemente visite uno de los sitios web visitados en este artículo. Estos verificarán si GZip está habilitado en su sitio web o no.

Terminando 

Este fue solo uno de los muchos consejos de WordPress disponibles en CollectiveRay.

Puede lograr fácilmente ahorros increíbles habilitando la compresión gzip de WordPress, como puede ver, logramos hasta un 81% de ahorro en el tamaño de los archivos. Esta es una excelente manera de hacer que su sitio web sea mucho más rápido. Si desea tomar el camino más fácil, en lugar de estropear archivos y códigos, le recomendamos que opte por un complemento como WP Rocket.

Descubra cómo WP Rocket acelera su sitio web

Sobre el autor
David Attard
Autor: David AttardPagina Web: https://www.linkedin.com/in/dattard/
David ha estado trabajando en o alrededor de la industria digital / en línea durante los últimos 18 años. Tiene una vasta experiencia en las industrias de software y diseño web utilizando WordPress, Joomla y los nichos que los rodean. Como consultor digital, su enfoque es ayudar a las empresas a obtener una ventaja competitiva utilizando una combinación de su sitio web y plataformas digitales disponibles en la actualidad.

Una cosa más... ¿Sabías que las personas que comparten cosas útiles como esta publicación también se ven IMPRESIONANTES? ;-)
Por favor deja un eficiente Comente con sus pensamientos, luego comparta esto en su (s) grupo (s) de Facebook que lo encontrarán útil y cosechemos los beneficios juntos. ¡Gracias por compartir y ser amable!

Divulgación: Esta página puede contener enlaces a sitios externos para productos que amamos y recomendamos de todo corazón. Si compra productos que le sugerimos, es posible que ganemos una tarifa de referencia. Tales tarifas no influyen en nuestras recomendaciones y no aceptamos pagos por reseñas positivas.

Autor (es) destacado en:  Logotipo de la revista Inc   Logotipo de Sitepoint   Logotipo de CSS Tricks    logotipo de webdesignerdepot   Logotipo de WPMU DEV   y muchos más ...