Brotli vs Gzip: ¿Qué compresión es mejor para WordPress?

¿Compresión Brotli vs Gzip? Descubra qué herramienta de compresión es mejor.

Cuando se trata del rendimiento del sitio web, el listón es alto. Uno de los factores que determinan un gran sitio web es su velocidad. Actualmente, los sitios web están repletos de imágenes, videos y scripts, lo que significa que requieren más tiempo para cargarse.

No obstante, los propietarios de sitios web que quieran seguir siendo competitivos deben evitar las páginas de carga lenta. Sus visitantes abandonarán su sitio si tienen que esperar incluso unos segundos más. Para evitar que esto suceda, debe reducir el tiempo de carga de su sitio web.

Una forma de mejorar la velocidad de su sitio es a través de la compresión de datos. Esta técnica ahorra espacio de almacenamiento y aumenta la velocidad. En este artículo, explicaremos qué es la compresión de datos. También compararemos dos algoritmos de compresión principales: Gzip y Brotli.

Contenido:

• ¿Qué es la compresión de datos?
• Compresión Brotli vs Gzip: conceptos básicos
  • Compresión Gzip
  • Compresión Brotli
• Prueba comparativa para la compresión de Brotli y Gzip
• Cómo probar su sitio web para Brotli y Gzip
• Habilitar la compresión Brotli en WordPress
• Conclusión

¿Qué es la compresión de datos?

La compresión de datos es el proceso de reducción de archivos web utilizando un algoritmo de compresión . La compresión puede ser con pérdida o sin pérdida. En la compresión con pérdida, la calidad de los datos puede reducirse. La compresión sin pérdida reduce el tamaño de los archivos web sin afectar su calidad.

He aquí por qué es importante la compresión; cuando ingresa una URL en su navegador web, envía una solicitud al servidor web. El servidor es responsable de obtener y mostrar los datos en los navegadores web.

Después de recibir la solicitud, los archivos deben descargarse y mostrarse en cuestión de segundos. Si un sitio web tarda más de 3 a 5 segundos en cargarse, aumenta las tasas de rebote. Cuantos más datos haya para enviar, más tiempo tardará en cargarse la página.

La compresión de datos intenta eliminar este problema al reducir el tamaño de los archivos del sitio web. Como resultado, su sitio usa menos bits y se carga más rápido. Muchos navegadores web aceptan uno o dos de los algoritmos de compresión más populares: Brotli y Gzip.

Compresión Brotli vs Gzip: conceptos básicos

Aquí hay una introducción rápida a ambas herramientas de compresión.

Compresión Gzip

Gzip es un software de compresión utilizado para reducir el tamaño de los archivos web. El software se lanzó el 31 de octubre de 1992 y se basa en el algoritmo DEFLATE. Este formato detecta y elimina los caracteres duplicados de los archivos web. Es una compresión de datos sin pérdidas que combina el algoritmo LZ77 y el algoritmo de codificación Huffman.

El algoritmo LZ77 funciona detectando datos repetidos y reemplazándolos con tuplas para comprimir los datos sin procesar. Para comprimir aún más los datos, el algoritmo de codificación de Huffman asigna caracteres recurrentes con la menor cantidad de bits. Luego, los caracteres raros/únicos tienen la mayor cantidad de bits.

Gzip fue diseñado como una biblioteca de compresión para todo uso. Toma los datos en su forma original y los comprime sin pérdidas. Los principales navegadores web admiten Gzip y muchos proveedores de alojamiento lo ofrecen, por lo que es probable que su sitio ya lo use.

Compresión Brotli

Este es otro algoritmo popular de compresión de datos. Brotli fue creado en 2013 por ingenieros de software en Google y se está convirtiendo rápidamente en el método de compresión más utilizado en todo el mundo. Esto no es una sorpresa; a diferencia de Gzip, Brotli fue diseñado para comprimir transmisiones, lo que lo convierte en una mejor opción para servidores web.

Además, Brotli es de propósito general y sin pérdidas. Como resultado, cualquier tipo de archivo se puede comprimir de manera eficiente sin perder ninguna información. Brotli viene con una amplia gama de soporte y es de uso gratuito.

Prueba comparativa: compresión Brotli vs Gzip

Aquí está la gran pregunta: ¿cuál es mejor, Brotli o Gzip? Para responder a esto, debe comprender qué implica la compresión, cuál es su relación y velocidad.

La relación de compresión describe la diferencia entre un archivo antes y después de haber sido comprimido. Por otro lado, la velocidad de compresión se refiere al tiempo que se tarda en comprimir o descomprimir un archivo. Usando esta información, comparemos Gzip y Brotli.

Gzip puede reducir los archivos del sitio web hasta en un 80%. Esta tasa es impresionante, pero otras herramientas como Brotli tienen una mejor relación de compresión. La evaluación comparativa de Brotli con Gzip reveló los siguientes resultados:

• Archivos HTML un 21 % más pequeños que Gzip
• Archivos CSS un 17 % más pequeños que Gzip
• Archivos JavaScript un 14 % más pequeños que Gzip

Puede sentirse tentado a concluir que Brotli está mejor basado en estos datos. Si bien Brotli se comprime mejor, tiene un costo. Brotli tarda más tiempo en comprimirse en comparación con Gzip y la velocidad también es una métrica importante.

Si bien Brotli tiene una mejor relación de compresión, Gzip toma la delantera en términos de velocidad de compresión.

Además, ambas herramientas de compresión tienen diferentes niveles de compresión. Los niveles afectan directamente la relación de compresión y la velocidad.

Aumentar el nivel de compresión aumentará la relación de compresión. Sin embargo, ralentizará todo el proceso. Entonces, si necesita una velocidad de compresión más alta, debe reducir el nivel con el que está comprimiendo. Esto funciona al revés.

En términos de popularidad y número de usuarios, Gzip está en la cima. Brotli se creó solo en 2013, mientras que Gzip existe desde 1992. Aunque Brotli es relativamente nuevo, está creciendo rápidamente y se está convirtiendo en un estándar para los proveedores de alojamiento.

Cómo probar su sitio web para la compresión Brotli y Gzip

Hay dos formas de comprobar si tu página web utiliza algoritmos de compresión. Hablaremos de ambos.

Usa una herramienta en línea

Esta es la forma más fácil de verificar si su sitio web de WordPress está habilitado para Gzip o Brotli. Para este tutorial, usaremos herramientas de prueba de compresión de giftofspeed.com. Esta herramienta es fácil de usar y también proporciona información adicional sobre su sitio web.

Para comenzar, escriba la URL de su sitio en el campo de texto provisto, luego haga clic en el botón Probar URL al lado. Obtendrás el resultado casi de inmediato. Así de fácil es.

Usando la herramienta de desarrollo de su navegador: Brotli vs Gzip

Otra forma de probar su sitio es utilizar las herramientas de desarrollo que se encuentran en su navegador web. Para este tutorial, usaremos Chrome, pero también funcionará con otros navegadores importantes.

Para comenzar, vaya al sitio web que desea probar, luego haga clic con el botón derecho en cualquier parte de la página y seleccione Inspeccionar .

En el menú del desarrollador, haga clic en la pestaña Red . Aquí, verá varias métricas sobre la página que está viendo actualmente. Si no se muestra nada, es posible que deba volver a cargar la página.

A continuación, desplácese hacia arriba hasta el primer registro que tenga su nombre de dominio y haga clic en él. Después de eso, cambie a la pestaña Encabezados . Desplácese hacia abajo hasta la sección "Encabezados de respuesta" y localice el encabezado "codificación de contenido". Si ve "br", significa que Brotli está activo en el sitio web.

De lo contrario, si ve "gzip", significa que la compresión Gzip está activa en su sitio.

Habilite la compresión Brotli o Gzip en los sitios web de WordPress

Hay tres formas de habilitar la compresión de datos en WordPress. Puede instalar manualmente el algoritmo en su servidor si tiene acceso de administrador al panel de control. Sin embargo, este enfoque requiere algo de experiencia en programación.

Alternativamente, puede habilitarlo desde su tablero de alojamiento (si su host lo admite). También se puede usar un complemento de WordPress para habilitarlo para su sitio web.

Antes de comenzar, debe hacer una copia de seguridad de su sitio web para tener una versión para revertir en caso de error. Habiendo dicho eso, aquí hay 2 formas de habilitar la compresión de datos en WordPress.

Use un complemento de almacenamiento en caché de WordPress

WordPress tiene muchos complementos que le permiten agregar la funcionalidad de almacenamiento en caché a su sitio web. Sin embargo, no todos los complementos de almacenamiento en caché le permitirán habilitar la compresión Brotli, así que investigue cuidadosamente el complemento que usará.

Para este tutorial, usaremos el complemento W3 Total Cache. Para instalar este complemento, vaya a Complementos >> Agregar nuevo . En la barra de búsqueda, escriba el nombre del complemento, luego haga clic en Instalar ahora junto al nombre del complemento. El botón cambia a "Activar" después de que se completa la instalación. Haga clic en él para activar el complemento. Puedes leer nuestro artículo sobre cómo instalar un complemento de WordPress.

Una vez instalado, vaya a Rendimiento >> Caché del navegador para abrir la página de configuración del complemento.

En la pestaña "General", busque la sección de compresión de datos. La compresión se establecerá en Gzip de forma predeterminada. Si prefiere usar la compresión gzip, puede dejar la configuración como está. De lo contrario, debe desmarcarlo y habilitar la casilla de verificación junto a "Habilitar compresión HTTP (brotli)".

Después de eso, desplácese hacia abajo y haga clic en Guardar todas las configuraciones y Purgar caché .

Del mismo modo, los archivos CSS y JS, HTML y XML y multimedia también deben configurarse para comprimirse.

Puede navegar a la sección deseada usando el menú. Una vez que haya seleccionado un algoritmo de compresión, haga clic en el botón Guardar cambios y purgar caché .

Alojamiento web de apoyo

Un servidor web que ofrece compresión de datos lista para usar es otra manera fácil de habilitar el algoritmo. Póngase en contacto con su proveedor de alojamiento para saber si proporcionan compresión y hágale saber el nivel de compresión que desea.

Si su servidor web no ofrece compresión de datos, puede usar el método de complemento anterior. De lo contrario, es posible que deba actualizar su alojamiento web. Puede consultar nuestra revisión de los mejores proveedores de alojamiento de WordPress.

Si su sitio web utiliza Cloudflare CDN, puede habilitar fácilmente Brotli para su sitio. Para ello, inicie sesión en la cuenta de su sitio desde el panel de control de Cloudflare. A continuación, vaya a la pestaña Velocidad y seleccione Optimización . Allí, puede alternar el interruptor Brotli a On .

Ahora su sitio web de WordPress usará Brotli para manejar la compresión.

Nota al margen: debe conectar su sitio web con Cloudflare antes de poder usar la herramienta de compresión. Tenemos una guía detallada sobre cómo integrar Cloudflare con WordPress .

Conclusión - Brotli vs Gzip

En última instancia, la compresión ayuda a que su sitio de WordPress se cargue más rápido porque reduce el tamaño del archivo. Tanto Gzip como Brotli ayudan a comprimir los archivos de su sitio web.

Si bien Gzip es más antiguo y conocido, Brotli se comprime mejor. Sin embargo, también requiere un poco más de tiempo para comprimirse que Gzip. Aun así, Brotli es más moderno y, en la mayoría de los casos, daría mejores resultados.

En última instancia, su objetivo es brindar a sus usuarios la mejor experiencia en su sitio web, independientemente de la herramienta que utilice. Por lo tanto, puede probar ambos algoritmos para las necesidades únicas de su sitio web y ejecutar una prueba de velocidad en cada uno.

Para obtener más consejos sobre la optimización de sitios web, puede consultar nuestra guía de optimización de velocidad. Además, consulte el resto de nuestro blog para ver otros tutoriales de WordPress.