Cómo cargar imágenes de forma perezosa en WordPress

¿Quieres cargar imágenes de forma perezosa en WordPress? Lazy Loading permite que su sitio web sólo cargue imágenes cuando un usuario se desplaza hacia abajo a la imagen específica. Puedes verlo en acción en muchos sitios web populares como Buzzfeed. En este artículo, le mostraremos cómo cargar fácilmente imágenes en WordPress.

¿Por qué cargar imágenes de forma perezosa en WordPress?

A nadie le gustan los sitios web lentos. Un estudio realizado por Strangeloop encontró que un retraso de 1 segundo en el tiempo de carga de la página puede llevar a una pérdida del 7% en las conversiones, un 11% menos de páginas vistas, y una disminución del 16% en la satisfacción del cliente.

Las imágenes tardan más tiempo en cargarse en su sitio web que cualquier otra cosa. Si usted agrega muchas imágenes a sus artículos, entonces cada imagen aumenta el tiempo de carga de su página.

Una forma de hacer frente a esta situación es optimizar las imágenes para la web y utilizar un servicio de CDN, como MaxCDN. Esto permite a los usuarios descargar múltiples imágenes a la vez desde servidores situados cerca de ellos.

Sin embargo, sus imágenes seguirán siendo cargadas, y esto seguirá afectando el tiempo total de carga de la página. Para superar este problema, puede retrasar las imágenes implementando una carga perezosa de imágenes en su sitio web.

¿Cómo funciona la carga perezosa de imágenes?

En lugar de cargar todas las imágenes a la vez, la carga perezosa descarga sólo las imágenes que serán visibles en la pantalla del usuario. Reemplaza todas las demás imágenes con una imagen de marcador de posición.

A medida que el usuario se desplaza hacia abajo, su sitio web carga imágenes que ahora son visibles en el área de visualización del navegador.

Dicho esto, veamos cómo configurar fácilmente la carga perezosa de imágenes en WordPress.

Configuración de Lazy Load para imágenes en WordPress

Lo primero que tienes que hacer es instalar y activar el plugin BJ Lazy Load. Para más detalles, vea nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Tras la activación, debe visitar la página Settings » BJ Lazy Load para configurar la configuración del plugin.

Puede aplicar una carga perezosa al contenido, widgets de texto, miniaturas, gravatares, imágenes e iframes. También puede subir una imagen personalizada para usarla como imagen de marcador de posición.

Este plugin también tiene la opción de mostrar una versión de baja resolución de la imagen en lugar de la imagen del marcador de posición. Para usar esta función, necesitará regenerar los tamaños de las imágenes, de modo que pueda generar una versión de baja resolución para todas sus cargas anteriores.

No olvide hacer clic en el botón Guardar cambios para guardar su configuración.

Ahora puede visitar su sitio web para ver la carga perezosa de imágenes en acción.

Esperamos que este artículo le haya ayudado a aprender a cargar imágenes de forma perezosa en WordPress. También puedes consultar nuestra guía definitiva para acelerar WordPress que contiene 19 consejos para mejorar el rendimiento de WordPress.

Si te ha gustado este artículo, suscríbete a nuestros tutoriales de vídeo de YouTube Channel for WordPress. También puede encontrarnos en Twitter y Facebook.

Deja un comentario