Las imágenes son fundamentales en cualquier sitio web, y el tiempo que tardan en cargarse es un aspecto importante de la experiencia general del usuario. De hecho, el 40 por ciento de las personas abandonan una web que tarda más de tres segundos en cargar. Y la velocidad de carga de tu web puede tener un gran impacto en tu clasificación en Google.

Entonces, ¿cómo puedes aumentar la velocidad de carga de las imágenes en tu web? En este artículo lo explicaremos detalladamente.

¿Quieres más consejos? Recibe notificaciones por correo electrónico de nuevas publicaciones.

Ajusta correctamente el tamaño de las imágenes

Las imágenes más grandes tardan más en cargarse, lo que ralentiza tu web. Muchas imágenes, incluso las que haces con tu móvil, son más grandes de lo necesario para que se vean bien. Antes de subir una imagen, reduce un poco su tamaño con alguna herramienta gratuita de edición de fotos o un programa que ya tengas instalado en tu dispositivo. El tamaño al que deberías reducirla dependerá del ancho del área de contenido de tu web.

Existen varias formas de redimensionar imágenes. Consulta nuestra guía rápida para ver más información sobre los tamaños de imágenes en WordPress.

Utiliza una red de distribución de contenido (CDN)

Un CDN es una red de servidores en todo el mundo que acelera la entrega del contenido de tu sitio web. Lo hace utilizando servidores que están geográficamente cerca de ti. Hay servicios que puedes utilizar, como Cloudflare o StackPath, que ofrecen planes gratuitos o de pago.

Si tu sitio web o blog está en WordPress.com, incluye la potente CDN de Jetpack activada automáticamente.

Caché de contenido

Para aumentar la velocidad de carga de las imágenes, puedes optar por almacenar temporalmente tu contenido en una caché. Para sitios web alojados por ti mismo, puedes descargar un plugin como W3 Total Cache, WP Rocket o WP Super Cache. Si eres usuario de WordPress.com, nuestra plataforma ya hace esto por ti como parte de las funciones esenciales de Jetpack. De hecho, añadir un plugin de caché puede interferir con la plataforma de WordPress.com.

Comprime las fotos

Las imágenes pueden utilizar muchos datos, por lo que lleva más tiempo cargarlas. Comprime las imágenes manualmente en tu ordenador antes de subirlas, o utiliza un plugin en tu web para que lo haga por ti. Una vez más, Jetpack hace esto automáticamente en tu web de WordPress.com.

Implementa la carga diferida (lazy loading)

Es probable que tengas muchas imágenes en una página, especialmente si tienes una tienda de comercio electrónico o si te dedicas a bloguear. En lugar de cargar automáticamente todas las imágenes cuando alguien visita una página en tu web, puedes optar por cargar solo las imágenes visibles para acelerar la carga de imágenes. Esto se llama carga diferida (lazy loading).

Hay plugins que te permiten hacer esto, pero también existe una opción que tienes disponible en tu sitio conectado a Jetpack que se llama Lazy Images.

Utiliza la plataforma de hosting adecuada

Por último, utilizar una plataforma de hosting de alta calidad puede tener un gran impacto en la velocidad en la que se cargan las imágenes en tu web. Las opciones son infinitas y pueden variar mucho en precio. Tanto en un sitio gratuito como en uno de pago de WordPress.com, sabes que tu web está alojada en una plataforma de primer nivel.

Si sigues estas estrategias, las fotos de tu web deberían cargar con un solo clic.

Menos preocupaciones. Más tranquilidad.

El plan habilitado para plugins de WordPress.com incorpora un sistema de seguridad de nivel empresarial a un precio totalmente asequible para tu tranquilidad.

Sitios web más seguros, más inteligentes y más rápidos.