cómo cargar imágenes de forma diferida en WordPress

Cómo cargar imágenes de forma diferida en WordPress (2 métodos)

¿Quieres saber cómo cargar imágenes de forma diferida en WordPress?

Permitir la carga diferida de imágenes permite a los visitantes recorrer rápidamente tu contenido sin tener que esperar a que se cargue toda la página.

En esta publicación, explicaremos qué son las imágenes de carga diferida y por qué necesitas añadirlas a tu sitio web de WordPress.

¿Qué son las imágenes de carga diferida?

La carga diferida permite que tu sitio web solo cargue imágenes cuando sean visibles en la pantalla de tu usuario. Esto aumentará el rendimiento del sitio y reducirá el tiempo de carga del mismo.

Sin duda, añadir contenido visual es una de las mejores maneras de aumentar la participación del usuario en tu sitio. Sin embargo, añadir demasiadas imágenes en una página web puede afectar directamente a su velocidad y rendimiento.

La carga diferida de imágenes es una solución al problema de rendimiento, ya que no todas las imágenes se cargan en una página a menos que tus visitantes las vean realmente.

Con WordPress 5.5, ahora puedes utilizar la carga diferida de imágenes sin ninguna configuración adicional.

Sin embargo, si deseas personalizar cómo se cargan tus imágenes de forma diferida, y cargar imágenes de fondo de forma diferida, necesitarás usar un plugin de WordPress.

Cómo configurar la carga diferida de imágenes en WordPress

Ahora, sin perder tiempo, pasemos al siguiente paso y veamos lo fácil que es configurar la carga diferida de imágenes en WordPress utilizando los dos métodos principales.

Método 1: Usar el plugin de caché WPRocket

WPRocket es el mejor plugin de caché que acelera tu sitio web 5 veces más rápido. Aunque es un plugin de pago, las funciones que ofrece son sencillas.

Veamos cómo puedes habilitar la carga diferida de imágenes usando WPRocket.

Suponemos que ya has configurado este plugin. Si no es así, consulta nuestra guía sobre cómo configurar fácilmente el plugin WPRocket en WordPress.

Todo lo que tienes que hacer es ir a la cuenta de WPRocket y navegar a Medios.

Aquí puedes ver dos opciones diferentes, incluyendo:

  • Habilitar para Imágenes: Puede mejorar el tiempo de carga del sitio web como las imágenes.
  • Habilitar Iframes o Vídeos: También puedes habilitar la carga diferida para vídeos.

Aquí tienes un ejemplo rápido:

Ajustes de medios de WPRocket

Consejo extra: Si estás utilizando el mejor proveedor de alojamiento como SiteGround, puedes usar un plugin gratuito SiteGround Optimizer con funciones similares de carga diferida.

Ahora pasemos al siguiente método.

Método 2: Configurar la carga diferida de WordPress usando un plugin

Plugin de carga diferida de imágenes

Aunque hay un montón de plugins que ofrecen carga diferida de imágenes, uno de los mejores es EWWW Image Optimizer.

El plugin EWWW image optimizer es completamente gratuito y fácil de usar.

En primer lugar, necesitarás instalar y activar este plugin. Para más detalles, consulta la guía detallada sobre cómo instalar un plugin de WordPress.

Una vez activado, la pestaña EWWW Image Optimizer aparece en el panel de administración de WordPress, en Ajustes. Te pedirá algunas cosas para la configuración.

Ajustes de EWWW Image Optimizer

En la siguiente pantalla, verás algunas configuraciones recomendadas por el Plugin EWWW que puedes cambiar si es necesario.

Nos estamos centrando en Lazy Load para este tutorial, así que seleccionemos la casilla de verificación Lazy Load para habilitarlo y hagamos clic en Guardar ajustes.

Ajustes recomendados de EWWW

¡Eso es todo! Ahora las imágenes de tu sitio web se cargan automáticamente de forma diferida y están optimizadas.

Haz clic en el botón Hecho

Después de hacer clic en el botón Hecho, verás la puntuación de optimización y el resto de los ajustes que puedes cambiar.

Ajustes de imágenes de EWWW

¡Eso es todo! Esperamos que esta publicación te haya ayudado a comprender cómo la carga diferida de WordPress aumenta la velocidad de tu sitio y se optimiza con SEO.

Y si deseas obtener más información sobre SEO, visita nuestra guía definitiva de WordPress SEO.

¿A qué esperas? Empieza hoy mismo con el plugin AIOSEO para WordPress más potente.

¿Quieres probar AIOSEO gratis?

Introduce la URL de tu sitio web de WordPress para instalar AIOSEO Lite.

Descargo de responsabilidad: Nuestro contenido es compatible con los lectores. Esto significa que si haces clic en algunos de nuestros enlaces, podemos ganar una comisión. Solo recomendamos productos que creemos que añadirán valor a nuestros lectores.

avatar del autor
Saud Razzak

Añadir un comentario

Nos complace que hayas decidido dejar un comentario. Ten en cuenta que todos los comentarios se moderan de acuerdo con nuestra política de privacidad, y todos los enlaces son nofollow. NO uses palabras clave en el campo del nombre. Tengamos una conversación personal y significativa.