Lazy Load en WordPress: qué es y cómo configurarlo

Los tiempos de carga y la velocidad de tu web son dos factores clave para WPO y que debes tener siempre en cuenta si quieres tener tu WordPress bien optimizado a nivel de SEO. Así que, si quieres trabajar sobre ellos y seguir optimizando tu web al máximo, a continuación te explicamos qué es Lazy Load en WordPress y cómo configurarlo.

No es la primera vez que te hablamos de Lazy Load en nuestro blog, pero hoy queremos ir un paso más allá y explicarte con todo detalle cómo funciona, cómo configurarlo correctamente en WordPress y si puede ser o no una buena opción para tu página web.

¿Qué es Lazy Load en WordPress?

Lazy Load o también conocida como carga diferida es una técnica de diseño web que consiste en retrasar la carga de ciertos elementos de una web, principalmente imágenes, vídeos y frames hasta el momento de su utilización.

En otras palabras, podemos definir Lazy Load como una técnica de carga progresiva, es decir, a medida que el usuario consume el contenido. Es decir, las imágenes o vídeos solamente se cargarán cuando el usuario hace scroll a través de la web.

¿Cómo funciona Lazy Load?

Como hemos visto, implantando una técnica de Lazy Load en WordPress nuestras imágenes o vídeos no se cargarán hasta el momento que el usuario hace scroll y llega hasta ese contenido. Es decir, en vez de cargar todas las imágenes de la página por la que el usuario está navegando, solamente carga las que están dentro del área visible de la pantalla.

• ¿El objetivo? Mejora la velocidad de nuestra web.
• ¿Cómo lo consigue? Evitando la carga de los elementos que no están dentro del área visible de la pantalla del usuario estamos ahorrando recursos del servidor y mejorando los tiempos de carga y la velocidad web.

Cómo configurar Lazy Load en WordPress

Antes de nada, te recomiendo que revises si la plantilla o el tema que estás utilizando en WordPress ya trae de serie la funcionalidad Lazy Load. Si tiene esta opción, no es necesario que realices ningún otro ajuste. Solo asegúrate de que tienes la opción configurada correctamente en tu theme y listo.

¿Tu plantilla no tiene de serie Lazy Load? No pasa nada. Es algo muy común y puedes ponerle remedio fácilmente con un plugin.

En el repositorio de WordPress existen bastantes plugins que tienen esta funcionalidad, incluso algunos de optimización web como WP Rocket que no son específicos para Lazy Load, puedes habilitar esta opción fácilmente desde el panel de configuración del plugin.

Nota: Al igual que te comentamos en más de una ocasión, es importante que antes de instalar un plugin revises si ya tienes alguno que contenga la funcionalidad que quieres implementar en tu web. Tener muchos plugins instalados en tu aplicación puede ser contraproducente y afectar al rendimiento de tu web.

¿Tu plantilla no incluye la funcionalidad Lazy Load y tampoco tienes ningún plugin instalado que te permita habilitar esta opción? Pues bien, en este caso te recomendamos instalar un plugin para activar Lazy Load en WordPress.

Aunque existen muchos otros, nosotros vamos a explicarte cómo configurar Lazy Load en WordPress con BJ Lady Load.

Instalar y configurar BJ Lady Load en WordPress

Una de las principales ventajas de este plugin es que no solo sirve para las imágenes, sino tambiénes válido para los vídeos que tengas en tu web de plataformas como YouTube o Vimeo.

Para configurar correctamente BJ Lady Load en WordPress, simplemente sigue estos pasos.

1º. Instala el plugin

Como si de cualquier otro plugin se tratara, accede a tu instalación de WordPress y en el menú lateral pulsa sobre “Plugins” > “Añadir nuevo”. Escribe el nombre del plugin en el buscador y pulsa sobre “Instalar“ > “Activar“.

2º. Configúralo

Una vez activado se creará una nueva sección llamada “BJ Lazy Load” en el menú lateral de WordPress, dentro de la sección “Ajustes”.

El panel de configuración es muy sencillo. No es necesario que realices ningún cambio en relación a las opciones que ya vienen marcadas por defecto. De todos modos, si quieres aplicar una configuración específica, puedes hacerlo.

Comprueba que tienes activado correctamente Lazy Load en WordPress

¿Quieres asegurarte de que la carga progresiva está activada en tu web? Es muy fácil. Simplemente selecciona una entrada de tu blog o una página en la que tengas varias imágenes y abre el inspector de código de tu navegador.

Tal y como se muestra en el ejemplo anterior, al cargar la entrada del blog solo se cargan los elementos del área visible de la pantalla. El resto de elementos, básicamente imágenes y texto, se cargan y se muestran a medida que hacemos scroll en el navegador.

¿Siempre es recomendable activar Lazy Load en WordPress?

Activar la técnica Lazy Load en WordPress te ayudará a mejorar la velocidad de carga de tu web y la experiencia de usuario, pero te recomendamos activarlo solo si lo necesitas.

Como sabes, instalar demasiados plugins en tu instalación de WordPress puede llegar a perjudicar al rendimiento de tu sitio. Por lo que el tiempo de carga que te estarías ahorrando el las imágenes, lo estarías perdiendo por un uso inadecuado de plugins.

Activar Lazy Load en WordPress es recomendable para webs en las que tienes muchas imágenes o estas son de mucha calidad. Por ejemplo, si tienes una web de fotografía o un portafolio de tu trabajo es una muy buena opción. De todas maneras, no hay que ir tan lejos. Si tienes un blog de recetas de cocina en el que subes imágenes de todo el proceso o vídeos con tus creaciones, es una buena opción para reducir el tiempo de carga y darle un pequeño empujón al SEO de tu web.

Recapitulando…

Lazy Load es una técnica de diseño web que permite realizar una carga progresiva de las imágenes, sirviéndolas únicamente cuando el usuario hace scroll y se muestran en el área visible de la pantalla. Esto mejora los tiempos de carga de tu web, ofrece una mejor experiencia de usuario y puede ayudarte a subir posiciones en el ranking de Google.

Activar Lazy Load en WordPress es muy sencillo. No es nada extraño si la plantilla o el tema que utilizas ya tiene esta funcionalidad. En el caso de no ser, puedes valorar la posibilidad de habilitar esta opción mediante el uso del plugin BJ Lazy Load.

¿Para qué otros proyectos recomendarías tú habilitar esta opción? ¿Crees que este tipo de carga progresiva puede perjudicar la experiencia de usuario de tus visitas? Si ya has utilizado Lazy Load en WordPress, cuéntanos tu experiencia 🙂