Lazy load images in WordPress

Cómo cargar imágenes perezosas en WordPress

¿Quieres cargar imágenes perezosas en WordPress? La carga diferida permite que su sitio web cargue imágenes solo cuando un usuario se desplaza a la imagen específica. Puede verlo en acción en muchos sitios web populares como Buzzfeed. En este artículo, le mostraremos cómo cargar fácilmente imágenes perezosas en WordPress.

Carga diferida de imágenes en WordPress

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

A nadie le gustan los sitios web lentos. Un estudio de Strangeloop encontró que una demora de un segundo en el tiempo de carga de la página puede provocar una caída del 7% en las conversiones, un 11% menos de páginas vistas y una disminución del 16% en la satisfacción del cliente.
Estudio de Strangeloop
Las imágenes tardan más en cargarse en su sitio web en comparación con cualquier otra cosa. Si agrega muchas imágenes a sus publicaciones, cada imagen aumenta el tiempo de carga de su página. Una forma de lidiar con esta situación es optimizar las imágenes para la web y utilizar un servicio CDN, como MaxCDN. Esto permite a los usuarios descargar varias imágenes a la vez desde servidores cercanos.
Vista previa de carga diferida de List25
Sin embargo, sus imágenes aún se cargarán y esto afectará el tiempo de carga general de la página. Para resolver este problema, puede retrasar las imágenes implementando la carga diferida para las imágenes en su sitio web.
¿Cómo funciona la carga diferida para las imágenes?
En lugar de cargar todas sus imágenes a la vez, la carga diferida solo descarga las imágenes que serán visibles en las pantallas de los usuarios. Reemplaza todas las demás imágenes con una imagen de marcador de posición. Cuando un 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, echemos un vistazo a cómo configurar fácilmente la carga diferida para imágenes en WordPress.

Configuración de carga diferida para imágenes en WordPress

Lo primero que debe hacer es instalar y activar el plugin BJ Lazy Load. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un plugin de WordPress. Tras la activación, debe visitar el Configuración »BJ Lazy Load página para configurar los ajustes del plugin.
Configuración de carga diferida
Puede aplicar carga diferida al contenido, widgets de texto, miniaturas de publicaciones, gravatares, imágenes e iframes. También puede cargar una imagen personalizada para usarla como imagen de marcador de posición. Este plugin también tiene una opción para mostrar una versión de baja resolución de la imagen en lugar de la imagen del marcador de posición. Para utilizar esta función, deberá volver a generar tamaños de imagen para que pueda generar una versión de baja resolución para todas sus descargas anteriores. Recuerde hacer clic en el botón Guardar cambios para guardar su configuración. Ahora puede visitar su sitio web para ver las imágenes de carga diferida en acción. Esperamos que este artículo le haya ayudado a aprender a cargar imágenes perezosas en WordPress. También puede consultar nuestra Guía definitiva para acelerar WordPress, que tiene 19 consejos para mejorar el rendimiento de WordPress. Si le gustó este artículo, suscríbase a nuestro canal de YouTube para ver tutoriales en video de WordPress. También puede encontrarnos en Twitter y Facebook.

Leave a Reply