Guía para principiantes sobre la optimización de archivos del sitio web (70% de carga más rápida)

Para acelerar su sitio web y ahorrar ancho de banda, la compresión es una de las formas más efectivas (y más fáciles) de lograr eso.


… Sin embargo, muchos propietarios de sitios web aún no optimizan sus archivos en 2020, ya sea porque no saben lo importante que es o porque no saben cómo.

Para resumir, una de las formas más importantes de acelerar la velocidad de carga de su página es hacer que sus archivos JavaScript (JS) se carguen más rápido … Y puede acelerar su JavaScript utilizando la compresión GZIP.

Ahora, esto solo es ideal para los navegadores modernos, pero la mayoría de las personas en Internet están usando un dispositivo y un navegador recientes. Tanto Yahoo como Google utilizan compresión GZIP.

Pero primero, establezcamos un poco de contexto.

Paso # 1: ¿Qué es la codificación de contenido??

Para poder optimizar eficazmente los archivos de su sitio web, es importante comprender un concepto conocido como codificación de contenido.

En pocas palabras, esto se utiliza para hacer posible que un documento se comprima sin el riesgo de perder su identidad de tipo de medio subyacente. Su navegador se comunicará con un servidor web cuando solicite un archivo.

Solicitud HTTP

Básicamente, el navegador le dice al servidor lo que quiere. El servidor lo busca y lo encuentra. El navegador luego lo carga. Cuanto más grande es el archivo, más tiempo tarda el navegador en cargarlo.

Entonces, ¿qué haces cuando un archivo es demasiado grande??

Lo cerrarás. Cuando envía un archivo comprimido a un navegador, ahorra tiempo de descarga y ancho de banda.

Hay dos elementos asociados con el servidor y el navegador sabiendo que está bien enviar un archivo comprimido:

  • El navegador le informa al servidor que está bien enviar el contenido comprimido enviando un encabezado
  • Si el contenido está comprimido, el servidor envía una respuesta

Si el archivo no está comprimido, el servidor no enviará el encabezado de respuesta de codificación de contenido. El encabezado de codificación de aceptación no es una demanda, sino solo una solicitud realizada por el navegador.

El navegador tendrá que lidiar con la versión pesada normal si el servidor no envía el contenido comprimido.

Cómo configurar el servidor

No tienes control sobre el navegador. Enviará el encabezado o no lo enviará. Sin embargo, puede configurar el servidor que está utilizando para asegurarse de que se devuelva el contenido de la cremallera siempre que el navegador pueda manejarlo. Esto resulta en ahorros significativos de ancho de banda.

rendimiento web después de la compresión

Para hacer esto, simplemente habilite la configuración de compresión para IIS. Si está utilizando Apache, es relativamente sencillo habilitar la compresión de salida. Simplemente acceda a su archivo .htaccess y agregue el código apropiado.

Hay dos opciones de compresión para elegir con Apache:

  • mod_deflate es estándar y es más fácil configurarlo
  • mod_gzip le permite precomprimir el contenido y parece más potente

desinflado apache fácil

Independientemente de la opción que elija, Apache buscará si el navegador envió el encabezado para aceptar la codificación y luego devolverá el archivo en su versión normal o en su versión comprimida.

Si un navegador antiguo está causando problemas, hay cosas que puede hacer para corregirlo agregando ciertas directivas especiales.

Para devolver contenido comprimido, puede usar PHP si no puede realizar cambios en su archivo .htaccess. En PHP:

<?php if (substr_count ($ _ SERVER [‘HTTP_ACCEPT_ENCODING”, “gzip”)) ob_start (“ob_gzhandler”); else ob_start (); ?>

Se devuelve una versión comprimida del archivo después de verificar el encabezado de codificación de aceptación. Esto es similar a construir un servidor web por su cuenta. Para comprimir su salida, Apache lo hace más fácil.

Advertencia importante: la mayoría del software de creación de sitios web no permite la edición a nivel de código (con algunas excepciones). En Hosting Canada, somos firmes defensores del alojamiento propio de su sitio, pero nos damos cuenta de que no es para todos. Al usar creadores de sitios web como Squarespace, Wix o Weebly, este tipo de retoques a nivel de servidor probablemente esté fuera de tu alcance.

Verifica tu compresión

Es importante asegurarse de que está entregando contenido comprimido después de que termine de configurar su servidor. Para determinar si su página está comprimida en línea, puede usar una prueba GZIP en línea.

En su navegador, las herramientas de desarrollador pueden ayudarlo con esto. Deberá ir a la pestaña de red, actualizar la página y luego hacer clic en la línea de red de la página específica.

Si los contenidos se enviaron comprimidos, verá el encabezado “codificación de contenido: GZIP”.

cabecera gzip de google chrome

Para obtener más detalles, puede hacer clic en el icono para “usar filas grandes”. Esto también proporciona información sobre el tamaño real del contenido y el tamaño de transferencia comprimido.

Advertencias a considerar

La compresión proporciona una gran cantidad de beneficios, pero hay desventajas en todo. Desea tener en cuenta lo siguiente:

  • Gráfico de relación de compresiónContenido que ya está comprimido: La mayoría de la música, videos e imágenes ya están comprimidos. Si intentas comprimirlos nuevamente, esto es en gran parte solo una pérdida de tiempo. En la mayoría de los casos, solo debe preocuparse por comprimir CSS, HTML y JavaScript.
  • Navegadores antiguos: El contenido comprimido no es compatible con todos los navegadores. Esto es especialmente cierto para los navegadores que son más antiguos. Por ejemplo, es posible que desee evitar la compresión HTTP si debe trabajar en Windows 95 o con Netscape 1.0. Hay algunas reglas y pautas para evitar la compresión de los navegadores más antiguos con Apache mod-deflate.
  • Carga de la CPU: Ahorre ancho de banda y use tiempo de CPU cuando comprima contenido sobre la marcha. Teniendo en cuenta la velocidad de compresión, la compensación generalmente se considera justa. Hay formas de enviar versiones comprimidas y precomprimir contenido estático. Esto generalmente requiere más configuración. Recuerde que las personas en Internet tienen un corto espacio de atención, por lo que aumentar la velocidad para una mejor experiencia del usuario mediante el uso de ciclos de CPU suele ser siempre una buena idea.

Por qué debería usar la compresión GZIP

consola de compresión httpLa compresión GZIP ofrece una gran cantidad de beneficios. Es importante saber cuáles son para que sepa por qué debe comenzar a usarlo..

De media, El uso de GZIP para comprimir sus archivos CSS y HTML le ahorra del 50 al 70 por ciento del tamaño total del archivo. Este importante ahorro de tamaño de archivo da como resultado una experiencia de usuario mucho mejor y eficiente en su sitio web.

Esta técnica también juega un papel importante en el SEO general de su sitio web. Los motores de búsqueda utilizan algoritmos complejos para determinar dónde caen los sitios y las páginas web en los resultados de búsqueda.

Un elemento que se vuelve más importante con cada actualización de algoritmo es el tiempo de carga de la página web. Los motores de búsqueda usan esta información para determinar la optimización general de un sitio web.

prueba de velocidad de compresión gzipCuando las páginas web se cargan rápidamente, quienes visitan el sitio no tienen que esperar para acceder al contenido que están buscando. Recuerde que los usuarios de Internet tienen un corto período de atención..

Si una página web tarda demasiado en cargarse, es probable que el usuario haga clic y encuentre un sitio más rápido con información similar. Los motores de búsqueda quieren recompensar los sitios web de carga más rápida, por lo que les dan una mayor ubicación en los resultados de búsqueda.

Un sitio web más rápido también aumenta las conversiones. Esto significa que si tiene un sitio web de comercio electrónico, cuanto más rápido se cargue, mayores serán sus ventas. De hecho, aproximadamente el 51 por ciento de los estadounidenses dicen que la razón principal por la que abandonan una compra es un sitio web lento.

Los estudios de caso muestran que puede mejorar su tasa de conversión en más del 15 por ciento al disminuir el tiempo de carga de su sitio web en solo 2.2 segundos.

Solución de problemas con la compresión GZIP

Como todos los elementos tecnológicos, la compresión GZIP puede fallar por las razones más pequeñas. La buena noticia es que la mayoría de las razones del fracaso son reparables.

El primer elemento a considerar es si su host web admite la compresión GZIP. Si bien la mayoría lo admite debido a su importancia para la carga de la página, hay unos pocos que no se han molestado en garantizar la compatibilidad. Puede ponerse en contacto con su proveedor de alojamiento web para determinar si la compatibilidad con GZIP es un problema.

El siguiente elemento a explorar es tu código. Incluso un personaje equivocado puede causar problemas. Busque un carácter perdido, un error de sintaxis o cualquier código con formato incorrecto. Toda su codificación debe funcionar con su arquitectura para que la compresión sea exitosa.

Puede verificar el código que ingresó con PHP o .htaccess (esto se discutió anteriormente). Si no puede encontrar un problema, pero cree que el código tiene la culpa, considere cambiarlo completamente por un código diferente que sea más probable que funcione.

En algunos casos, su proveedor de alojamiento web tiene acceso a los archivos correctos para permitir la compresión GZIP, pero usted no. En este caso, solo llame a su host y pídale que habilite estos.

Aprendiste anteriormente en este artículo sobre cómo verificar tu compresión GZIP. Esta es una opción rápida y fácil para solucionar problemas. En general, se recomienda que haga esto primero. Si algo sigue mal, consulte con su proveedor de alojamiento web y evalúe el código que utilizó.

Si su navegador no está actualizado, Esto también puede causar problemas con la compresión GZIP. Esto es especialmente común con las versiones anteriores de Internet Explorer. Si muchas personas que visitan su sitio usan un navegador antiguo, este es un problema que puede tener que abordar.

Si los archivos en su sitio son extremadamente grandes, esto también puede plantear problemas con respecto a la compresión GZIP. Si está utilizando una versión anterior de GZIP, los límites de tamaño de archivo pueden ser relativamente pequeños, como dos gigabytes o menos. Debido a esto, desea determinar cuáles son los límites de su versión GZIP.

Una de las mejores formas de mejorar el rendimiento y la velocidad de su sitio web es al permitir la compresión. Ahora que sabe cómo hacerlo, puede comenzar a aprovechar al máximo los beneficios.

Tenga en cuenta las advertencias y considérelas mientras trabaja. El siguiente paso es configurarlo para que sus visitantes puedan obtener los beneficios.

Un factor de velocidad del sitio web que a menudo se pasa por alto tiene que ver con su elección de empresa de alojamiento web. Sí, marca la diferencia que elija, ya que algunos simplemente funcionan mejor cuando se toma el tiempo de analizar los datos.

Para obtener más información, consulte mi guía sobre cómo mejorar la velocidad de su sitio web.

Referencias y créditos de imagen:

  • BetterExplained.com
  • OpenSourceVarsity.com
  • Geekeasier.com
  • WebPerformance.com
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map