5 pasos para disminuir el tiempo de carga del sitio web en un 54 %

Tiene unos cuatro segundos para retener la atención de un visitante por primera vez el tiempo suficiente para convertirlo en su lista de correo electrónico o venderle un producto o servicio.

Después de eso, si todavía están jugando con sus pulgares, esperando que aparezca la primera señal de una página web, perderá aproximadamente la mitad de ellos. Gran suposición aquí, pero probablemente no quiera sacrificar tantos clientes potenciales que pagan solo porque su sitio web hace que la siesta de un perezoso parezca rápida.

Según una investigación realizada por Gomez.com, aproximadamente la mitad de los visitantes de la web quieren que un sitio se cargue en 2 segundos y, por lo general, abandonan un sitio que no se carga en 3 segundos. El 79 % de los compradores en línea que tienen problemas con el rendimiento del sitio dicen que no volverán al sitio para comprar de nuevo y alrededor del 44 % de ellos lo compartiría con sus amigos si tuvieran una mala experiencia con las compras en línea.

La buena noticia es que, en la mayoría de los casos, el tiempo de carga de la página se puede mejorar drásticamente con algunos ajustes. Tal vez hasta un 54% con los cinco que estamos a punto de dejarte. ¿Listo? ¡Vamos!

#1. Reduce esas imágenes a su tamaño

Quizás el mayor culpable cuando se trata de un sitio web mortalmente lento son las imágenes que no han sido optimizadas. Estamos hablando de tamaño de archivo simple. Con demasiada frecuencia, las imágenes extraídas directamente de la cámara de un teléfono o del sitio de imágenes de archivo son enormes: muchos megabytes. En el momento en que coloca uno o más de estos bebés en unas pocas docenas o cientos de publicaciones, su sitio web se está revolcando como un manatí preñado.

Aquí hay una solución para este problema. Si tiene Photoshop, genial, aunque un editor de gráficos en línea gratuito como Pixlr funciona igual de bien. Lo que debe hacer es reducir el tamaño de cada imagen antes de que se cargue en el sitio web. Puede jugar con la configuración para encontrar lo que funciona para usted, pero tome imágenes que tengan un tamaño de kilobytes en lugar de megabytes.

#2. Ponga su navegador a trabajar Almacenamiento en caché

Los navegadores más utilizados tienen la capacidad de almacenar en caché los elementos del sitio web, y usted sería un emprendedor inteligente para aprovechar esto. Así es como funciona. Cuando un visitante llega a su sitio web por primera vez, todos los elementos de la página (imágenes, texto, scripts, CSS) deben descargarse. Lo sentimos, realmente no hay forma de evitarlo, aunque debería enfatizar la necesidad de hacer que su sitio web sea lo más eficiente posible desde el principio.

Pero con el almacenamiento en caché correctamente configurado, las visitas posteriores se cargan más rápido porque los elementos que no han cambiado no tienen que volver a descargarse. Dado que la mayoría de los sitios web (a pesar de los sitios de noticias) tienen una gran parte del contenido que permanece igual, el almacenamiento en caché del navegador acelera la experiencia considerablemente. Si la idea de asegurarse de que esta función esté habilitada en su sitio web le provoca urticaria, llame al soporte técnico de su empresa de alojamiento y hágales ganar su dinero.

#3. Adelgace su sitio web

¿Sabía que al habilitar la compresión en su sitio web puede reducir el tamaño del archivo acumulado en un 50-70 %? Amigos, eso es significativo y podría ser la diferencia entre un negocio en línea exitoso y una enorme pérdida de tiempo. De lo que estamos hablando esencialmente aquí es de colocar los archivos de su sitio web en un cinturón cibernético, también llamado comprimir.

Un sitio web comprimido requiere menos ancho de banda para descargarlo en la computadora de un visitante, por lo que se mueve a través de la "tubería" más rápido. La compresión de todo el sitio es una configuración que se aplica en el nivel del servidor. Si ejecuta su propio servidor, probablemente ya sepa sobre esto, así que no dude en pasar al siguiente elemento de nuestra lista. Para las masas que se suscriben a planes regulares de alojamiento, deben, una vez más, llamar o chatear con su amigable personal de soporte técnico. Dígales lo que está tratando de lograr y deberían ser capaces de tomarlo desde allí.

#4. Optimice su CSS

Los diseñadores web usan archivos CSS para controlar el diseño y el aspecto de una página web. Dado que este archivo (o archivos) debe cargarse antes de que vea algo, tiene sentido mantenerlo lo más pequeño posible. Un buen primer paso para esto es echar un vistazo al código real y descartar cualquier cosa que no necesite estar allí. Literalmente, cada carácter y espacio que usa agrega tamaño al archivo y tiempo de espera del visitante.

Su próximo paso es minimizar el CSS. Este es el proceso de eliminar espacios adicionales en el código que lo hacen lucir bonito pero ralentizan el tiempo de carga. Si está utilizando un CMS para su sitio web, algunos (HubSpot) minimizan automáticamente el CSS mientras que otros (WordPress, Joomla) no lo hacen. Si necesita una opción de terceros, consulte un servicio en línea gratuito como CSS Minifier. Cortar, pegar y comprimir.

#5. Ubique los guiones estratégicamente

Todo el mundo ama Javascript. Hace que los sitios web sean mucho más geniales y receptivos, pero, si se coloca incorrectamente, también puede introducir lo que parece ser un punto muerto en el proceso de carga de la página. Dado que a nadie le gustan las paradas muertas, especialmente el tráfico del sitio web, tiene sentido poner cualquier Javascript que use al final del documento HTML.

Dado que los navegadores interpretan HTML secuencialmente de arriba a abajo y muestran los elementos a medida que llegan a ellos, lo último que desea es un código Javascript altamente ubicado que esencialmente presiona el botón "pausa" durante varios segundos. Hay una frase en el negocio de los periódicos llamada "below the fold", que se refiere a las historias que aparecen en la mitad inferior de la portada y se consideran de menor importancia que el titular principal.

No estamos diciendo que su código Javascript sea menos importante pero, debido a la realidad de cómo funcionan los navegadores, hágase un favor y hágalo lo último que se cargue.

Pensamientos finales

Muchos empresarios en línea comienzan usando un plan de alojamiento compartido y ¿quién podría culparlos? Son económicos y fáciles de configurar. El inconveniente es que su sitio web se encuentra en un servidor con quizás cientos de otros. Obviamente, esta no es la situación perfecta cuando la velocidad de carga del sitio web es crítica. Eventualmente, es posible que desee considerar pasar a una opción más rápida, como un servidor dedicado, un plan de alojamiento de servidor privado virtual o incluso un alojamiento administrado confiable.

Consulte este sitio para obtener una excelente comparación de los 5 tipos de alojamiento si sospecha que necesita una solución diferente pero no está seguro de cuál debería ser. Por último, si tiene curiosidad acerca de si su sitio web es realmente lento, este sitio web le permite insertar su URL y realizar una prueba de velocidad del sitio web. No hay mejor momento que el presente para descubrir la verdad.

Esperamos que este artículo le haya ayudado a aprender a reducir el tiempo de carga de la página en un 54 %. Si está seriamente preocupado acerca de cómo acelerar su sitio, nuestros expertos pensaron en una guía para mejorar su rendimiento especialmente para usted.