Dos segundos pueden no parecer mucho tiempo. Sin embargo, cuando se trata de su sitio web, pueden pasar muchas cosas en este corto período de tiempo.
Según GoogleExtender el tiempo de carga de su página de uno a tres segundos aumenta su tasa de rebote en un 32 %; esa es una parte importante de su audiencia que se va a otra parte debido a la baja latencia.
Por supuesto, el listón es alto cuando se trata del rendimiento del sitio. Para mantenerse en el ring con los competidores, debe priorizar la reducción de los tiempos de carga de la página para mostrar a los visitantes, prospectos y clientes lo que quieren y cuando lo quieren (es decir, lo más rápido posible).
En este puerto, cubriremos una piedra angular de la tecnología web que hace que Internet vaya rápido: la compresión, específicamente un tipo de compresión llamado GZIP.
Probablemente hayas comprimido los archivos antes «anclándolos». Sin embargo, lo que la mayoría de la gente no sabe es que los métodos de compresión como GZIP también son cruciales para enviar diariamente miles de millones de páginas web desde los servidores a los usuarios.
En esta publicación, explicaré qué es la compresión GZIP, cómo funciona en la red y cómo usarla. optimizar su sitio web. Pero primero, alejémonos para comprender mejor la compresión de archivos como concepto.
¿Qué es la compresión?
En general, la compresión es el proceso de reducir el tamaño de los archivos mediante el uso de un algoritmo de compresión. El método de compresión puede ser con pérdida, lo que significa que parte de la información se pierde durante el proceso de compresión, o sin pérdida, lo que significa que toda la información del archivo original se conserva en el archivo comprimido.
He aquí por qué es importante para su sitio web: Básicamente, un sitio web es un grupo de archivos relacionados almacenados en un servidor web. Cuando ingresa la URL en el navegador, el navegador envía una solicitud (generalmente una solicitud HTTP GET) al servidor web que sirve el contenido solicitado. El servidor procesa la solicitud, recupera los archivos apropiados de su base de datos, incluidos HTML y cualquier CSS, JavaScript y archivos multimedia asociados, y luego envía los archivos al navegador como una respuesta HTTP. Finalmente, el navegador convierte los archivos en lo que ve como un sitio web.
Parece mucho trabajo cargar una película de gatos, pero es cierto: cada vez que carga una página, el servidor web tiene que enviar todos los datos necesarios a su computadora. Cada transferencia de datos lleva algún tiempo, dependiendo en gran medida del tamaño de los archivos que se transfieren: cuantos más datos haya para enviar, más tiempo tardará el navegador en cargar la página.
De acuerdo a httparchiwum, la mediana de esta transferencia de datos es de aproximadamente 2000 kilobytes, que son aproximadamente 100 páginas de texto sin formato. Para páginas con mucho papel, el tamaño puede ser de tres a cuatro veces mayor.
¿Cómo asegurar la velocidad de internet entonces? La solución, como habrás adivinado, es que los servidores web Compresión antes de enviarlos a los navegadores: convierten nuestro documento de texto de 100 páginas en un ensayo de 30 páginas. El razonamiento es simple: los archivos más pequeños significan menos trabajo que los servidores y navegadores tienen que hacer para moverlos. Una vez que el navegador recibe una respuesta comprimida, descomprimirá el contenido rápidamente y estamos satisfechos con los tiempos de carga más rápidos.
La compresión funciona bien con código como HTML porque su sintaxis es repetitiva. Los algoritmos de compresión generalmente funcionan al encontrar información duplicada en un archivo y acortarla de alguna manera. HTML usa etiquetas como
¿Qué es la compresión GZIP?
GZIP es una tecnología de compresión que se usa a menudo para transferir datos rápidamente a través de Internet. «GZIP» se refiere al método de compresión, el software utilizado para comprimir archivos con ese método y el formato de archivo resultante de la compresión GZIP (generalmente etiquetado con la extensión .gz).
GZIP es el estándar actual para comprimir archivos en la web. Investigación de W3Techs muestra que más del 99% de los sitios web que comprimen su contenido usan GZIP.
GZIP se introdujo en 1992 y originalmente estaba destinado a ser utilizado por GNU (de ahí la «G» en GZIP) como una alternativa gratuita y de código abierto a los métodos de compresión patentados en ese momento. Esta disponibilidad contribuyó a la ubicuidad de GZIP.
No entraremos en detalles sobre cómo GZIP comprime archivos exactamente; en esencia, GZIP implementa sin pérdida Algoritmo DESINFLARque localiza y elimina caracteres duplicados en archivos de texto. Por ahora, solo necesita saber por qué se suele preferir GZIP a métodos de compresión similares.
¿Por qué usamos la compresión GZIP?
GZIP es efectivo, pero no es el único método de compresión disponible. De hecho, ni siquiera es el mejor método en términos de reducción de tamaño.
GZIP puede reducir la cantidad de datos hasta en un 70%. No está mal, excepto por las pruebas que comparan tamaños de archivos comprimidos con diferentes algoritmos de compresión, que mostraron que la alternativa algoritmos como Brotli superan a GZIP para recursos de texto. Si esto es cierto, ¿por qué seguimos confiando tanto en GZIP?
La razón principal es que GZIP tiende a ser más rápido que los métodos comparables. Comprime archivos en una fracción del tiempo que tardan otros métodos. Esta velocidad es fundamental para la transferencia de datos a través de Internet. Después de todo, el propósito de la compresión es acelerar las páginas web. ¿Por qué si la compresión en sí misma está ralentizando las cosas?
También es importante el hecho de que la compresión GZIP utiliza menos recursos que los métodos comparables. Requiere relativamente poca potencia de procesamiento y memoria temporal para ejecutarse. Esto es crucial cuando se considera el espacio del servidor y el hecho de que la mitad del tráfico web global es móvil – GZIP es efectivo para enviar páginas web a dispositivos de alta y baja potencia.
Antes de continuar, tenga en cuenta que la compresión GZIP no es lo mismo que la compresión ZIP. ZIP es otro formato de compresión sin pérdidas que se usa con más frecuencia para almacenar archivos que para transferirlos.
Cómo verificar la compresión GZIP
Deben suceder dos cosas para que la transferencia de archivos funcione con GZIP. Primero, el navegador web le dice al servidor web que puede aceptar archivos comprimidos GZIP. Esto se logra teniendo en cuenta Encabezado de codificación de aceptación HTTP en la solicitud del navegador:
Accept-Encoding: gzip, deflate
La mayoría de los navegadores de hoy en día incluyen este encabezado en sus solicitudes de forma predeterminada.
En segundo lugar, el servidor web procesa este encabezado y decide comprimir los archivos solicitados o dejarlos como están. Si los archivos están comprimidos con GZIP, el servidor responde con el siguiente encabezado:
Content-Encoding: gzip
… que le dice al navegador que los archivos deben descomprimirse con el método GZIP.
Si desea que los archivos de su sitio se carguen en forma comprimida, debe habilitar las solicitudes GZIP en el servidor. El servidor web de su sitio web puede o no tener habilitada la compresión GZIP de forma predeterminada, dependiendo de cómo esté configurado su sitio web. Por suerte para nosotros, es fácil comprobarlo sin desempaquetar el contenido del servidor. Aquí hay algunas formas de averiguarlo:
Prueba de compresión en línea GZIP
Muchos sitios gratuitos confirmarán que GZIP está activado; simplemente pegue la URL del sitio web y vea los resultados. Algunos sitios web también proporcionan un breve informe que explica cuánto redujo GZIP el tamaño del archivo:
Prueba de velocidad en línea
Muchas pruebas de velocidad gratuitas como Google Estadísticas de PageSpeed y Pingdom incluir una recomendación para usar GZIP en algunos archivos si es necesario. Aquí hay una advertencia de la herramienta Google PageSpeed Insights:
Verifique el encabezado HTTP en las herramientas para desarrolladores
Para verificar la compresión GZIP sin ninguna herramienta externa, puede usar el panel de herramientas para desarrolladores en su navegador. La mayoría de los navegadores le permiten inspeccionar los elementos de la página y, por lo tanto, mostrar información sobre el rendimiento.
Primero, cargue el sitio web que desea consultar en el navegador. A continuación, abra el panel de herramientas para desarrolladores y seleccione La red Correa. Verá una lista de todos los recursos enviados por el servidor web (si no, es posible que deba volver a cargar la página). Haga clic en un recurso para ver su contenido. Asegúrate de tener Titulares la pestaña seleccionada, luego desplácese hacia abajo hasta codificación de contenido encabezado para ver qué método se utilizó.
Así es como se ve un activo comprimido con GZIP usando Chrome Developer Tools:
Cómo habilitar la compresión GZIP
Como la compresión GZIP se realiza en el servidor web, el proceso de configuración dependerá del proveedor de alojamiento y la arquitectura del servidor.
Si descubre que la compresión GZIP no está implementada en su servidor web, le recomendamos que consulte la documentación de su proveedor de alojamiento para obtener instrucciones sobre cómo habilitar la compresión GZIP antes de probar los métodos a continuación. Es posible que su anfitrión no recomiende o incluso no permita la modificación de los archivos del servidor.
Si tiene este permiso, aquí hay algunas soluciones para configuraciones comunes de servidores web:
¿Cómo habilitar la compresión GZIP en el servidor web Apache?
Las personas que tienen sitios en servidores Apache pueden habilitar la compresión GZIP usando el archivo .htaccess que controla varios permisos del servidor. Agregue el siguiente código al archivo .htaccess y luego guarde el archivo:
<IfModule mod_deflate.c>
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
</IfModule>
Esto comprimirá todos los archivos HTML, CSS, JavaScript, XML y fuentes. Después de guardar, verifique la compresión por cualquiera de los métodos descritos en la sección anterior.
Cómo habilitar la compresión GZIP en el servidor web NGINX
El software del servidor NGINX solo comprime archivos HTML de forma predeterminada. Si su servidor usa NGINX, puede habilitar la compresión GZIP en los archivos de su sitio abriendo el archivo nginx.conf y buscando la siguiente línea:
gzip on;
Pegue el siguiente código directamente debajo de esta línea:
gzip_vary on;
gzip_types text/plain text/css text/xml text/javascript application/x-javascript application/xml;
gzip_min_length 1000;
gzip_proxied no-cache no-store private expired auth;
Luego guarde el archivo y vuelva a cargar la configuración de NGINX antes de probar la compresión.
tipos_gzip especifica los tipos de archivos que se comprimen. Puede agregar o eliminar elementos de esta fila como desee. gzip_min_longitud es la longitud mínima de la respuesta a comprimir. Aquí se establece en 1000 bytes (un KB), pero esto se puede cambiar si es necesario.
¿Cómo habilitar la compresión GZIP en WordPress?
WordPress es un software CMS, no una configuración de servidor. Sin embargo, si ejecuta un sitio de WordPress, puede instalar un complemento de rendimiento que modifica los archivos del servidor por usted. Esto es posible gracias a paquetes de optimización del rendimiento como Súper caché de WP, cohete WPo Ninja de la fiesta de la velocidad. Tambien es Habilitar la compresión Gzipque hace exactamente lo que sugiere el nombre en los servidores Apache.
Nuevamente, el hecho de que pueda instalar y usar el complemento no significa que tenga permiso para cambiar la configuración del servidor. Consulte la documentación pertinente o comuníquese con su host si tiene problemas para habilitar la compresión GZIP de esta manera.
Comprimir para impresionar
Recuerde que el objetivo de toda esta conversación técnica es brindar a los visitantes la mejor experiencia de usuario posible mediante la entrega de las páginas más rápidas posibles. «Aumento de la velocidad del sitio web» puede parecer una caja negra si no sabe qué es lo que realmente determina la velocidad de la página.
Al implementar la compresión en su servidor web, brindará a los visitantes el contenido que desean sin costo adicional. Obtendrá más vistas, aumentará la participación y convertirá a más visitantes en clientes. La velocidad de su sitio tiene mucho que ver con su éxito en línea, ¡así que no hay tiempo que perder!
