Cómo hacer que las imágenes se carguen más rápido

Las imágenes impactan el tiempo de carga de un sitio web. Cuanto más rápido sea el sitio, mejor será la experiencia del usuario, lo que conducirá a conversiones y ganancias.

Los gerentes comerciales y propietarios quieren que las imágenes de su sitio se carguen rápidamente, incluso en dispositivos móviles. Pero, ¿cómo lo hacen? En El caso para optimizar el rendimiento de la imagen, en mi artículo la semana pasada, expliqué la importancia de las imágenes ligeras en el éxito de un sitio.

En este artículo, ofreceré sugerencias para optimizar imágenes. El objetivo es crear una experiencia de usuario atractiva sin atascar el rendimiento.

Eliminar imágenes innecesarias

En 2019, una página web típica puede solicitar entre 28 y 32 imágenes cuando se carga, según un informe del archivo HTTP. Esas imágenes pueden ser necesarias.

Por ejemplo, uno esperaría que aparecieran numerosas imágenes en una página de categoría de producto de un sitio web de comercio electrónico. Estas imágenes suelen ser críticas.

Escribiendo para UX Planet, una revista de experiencia de usuario en Medium, Ainsley Fagerström describió el tipo de imágenes que deberían estar en un sitio web. Parafraseando y agregando a su lista, podríamos decir las imágenes necesarias:

– Explicar o aclarar,

– Evocar emociones para comunicar algo.- Hacer un punto relacionado con el otro contenido,- Ayudarte a vender.

El tipo de imágenes que pueden eliminarse podría incluir:

– Imágenes de texto.

– Imágenes decorativas.- Imágenes de stock que no comunican algo.

También hay datos que indican que tener menos imágenes en una página web conduce a más ventas.

En una página comercial típica, los elementos gráficos como favicons, logotipos e imágenes de productos pueden comprender fácilmente hasta dos tercios (en otras palabras, cientos de kilobytes) del peso total de una página, escribieron Daniel An y Pat Meenan en una 2016 Piensa con el artículo de Google. “El resultado: cargas de páginas acumulativamente lentas a lo largo de una sesión. De hecho, … las sesiones que convirtieron a los usuarios tenían un 38 por ciento menos de imágenes que las sesiones que no se convirtieron .

Imágenes de carga perezosaCuando se carga una página web típica, solicita todas las imágenes enumeradas en el marcado de la página, incluso cuando muchas de esas imágenes están fuera de la pantalla y solo aparecerán cuando el usuario deslice y se despla

…Para leer más, siga el link del idioma que prefiera