El lazy loading es una técnica potente que puede aumentar significativamente la viewability publicitaria, reducir la latencia de la página y mejorar la UX.

Cuando se implementa correctamente, puede llevar a los editores a lograr un mejor rendimiento publicitario y mayores ingresos publicitarios.

Introducción

El lazy loading se ha convertido en una de las herramientas más impactantes para los editores que desean mejorar tanto el rendimiento del sitio web como la monetización publicitaria.

A diferencia del eager loading, donde los anuncios se cargan inmediatamente, el navegador espera para solicitar ciertos elementos hasta que el usuario interactúa o se desplaza cerca del elemento. El término lazy refleja este enfoque de carga de contenido diferido y bajo demanda.

Esto se implementa para evitar la carga de numerosos anuncios que los usuarios nunca ven, lo que reduciría significativamente la viewability y, a su vez, bajaría los eCPM.

Es una estrategia común y una mejor práctica de UX recomendada. De hecho, a partir de mayo de 2024, alrededor del 27% de todos los sitios web utilizaban lazy loading de forma nativa, y la adopción siguió creciendo debido a sus claros beneficios tanto para la UX como para la rentabilidad.

En el competitivo mundo digital, cualquier estrategia que acelere las páginas, reduzca las tasas de rebote y aumente el engagement es crítica.

Beneficios del Lazy Loading

UX

La velocidad sigue siendo uno de los factores de clasificación y engagement más críticos para los editores. Según la investigación de Kanuka Digital, un retraso de 1 segundo en el tiempo de carga de la página provoca 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.

Desde el punto de vista de la optimización de la UX, las páginas que cargan más rápido se sienten más fluidas y mantienen a los visitantes interesados por más tiempo. Las sesiones más largas aumentan la exposición publicitaria, brindando más oportunidades para que los equipos de gestión publicitaria de los editores entreguen anuncios que se alineen con el comportamiento del usuario.

El lazy loading para anuncios garantiza que solo los anuncios visibles para el usuario se carguen de inmediato, mientras que los que están below the fold se retrasan. Esto reduce el peso inicial de la página y requiere menos ejecución de JavaScript al principio, lo que resulta en cargas de página más rápidas.

El lazy loading también es muy útil para las experiencias móviles, ya que conserva el uso de datos y acelera la carga en conexiones más lentas y menos confiables. Esto es especialmente útil, ya que nuestro estudio realizado a principios de este año reveló que un significativo 68,37% de los usuarios en línea acceden a sus fuentes de información favoritas a través del móvil.

Un sitio más rápido y con mejor respuesta mejora el engagement del usuario, reduce las tasas de rebote y aumenta la probabilidad de que los usuarios vean los anuncios e interactúen con ellos. También impulsa los Core Web Vitals y fortalece la optimización SEO.

Viewability

Los anunciantes pagan más por el inventario que genera impresiones visibles y con las que el usuario interactúa, y el lazy loading se alinea perfectamente con este cambio del mercado.

Un lazy loading eficaz garantiza que las llamadas publicitarias se activen solo cuando es probable que las impresiones sean visibles. Este enfoque evita el desperdicio de impresiones y ayuda a que los anuncios se carguen sin interrupciones en todos los dispositivos.

Según nuestros propios datos, los editores que utilizan configuraciones de lazy loading optimizadas pueden alcanzar tasas de viewability de más del 70% en inventarios multidispositivo.

La mejora en las tasas de viewability conlleva un aumento del eCPM (ingresos por cada mil impresiones), como lo demuestra este gráfico extraído del panel de control de uno de nuestros editores:

En el ejemplo anterior, se puede observar esta relación, ya que la viewability aumentó un 10,6%, mientras que los eCPM aumentaron un 18,0% en paralelo durante el mismo periodo de tiempo.

Gracias a una mayor tasa de viewability, el valor del inventario de los editores aumenta, lo que se traduce en pujas más altas en las subastas y un incremento de los ingresos.

Mejores Prácticas del Lazy Loading

Las mejores prácticas clave para el lazy loading incluyen:

• Excluir los anuncios above-the-fold: No debe implementar el lazy loading para los anuncios situados por encima de la línea de flottaison, ya que interesa que estos se carguen lo más rápido posible.
• Usar placeholders para el contenido diferido: Muestre imágenes de baja calidad, colores de fondo sólidos o elementos tipo skeleton mientras se cargan los anuncios para mantener la continuidad visual y evitar espacios vacíos.
• Optimizar formatos y tamaños de imagen: Utilice formatos modernos como WebP, comprima las imágenes y reduzca el tamaño de los archivos antes del despliegue para mejorar los tiempos de carga y la eficiencia.
• Probar el rendimiento, la compatibilidad y la entrega de anuncios en diferentes dispositivos y navegadores: El lazy loading no consiste solo en retrasar las solicitudes de anuncios; se trata de encontrar el momento adecuado para cargar el contenido. Cargar demasiado pronto puede desperdiciar ancho de banda y recursos, mientras que cargar demasiado tarde puede causar retrasos para los usuarios o la pérdida de impresiones publicitarias. Los editores deben utilizar test A/B para determinar la mejor estrategia para su audiencia y tipo de contenido.
• Monitorear y auditar el rendimiento: Realice un seguimiento de las métricas de optimización de UX, optimización SEO y optimización del rendimiento de ingresos (revenue yield optimization), y ajuste las estrategias en función de los resultados.

Puntos Clave a Recordar

El lazy loading es una técnica potente para los editores que mejora significativamente tanto la UX como la optimización SEO. Al cargar el contenido y los anuncios solo cuando son necesarios, reduce la latencia de la página, mejora el rendimiento móvil y garantiza interacciones más fluidas.

Además, el lazy loading aumenta la viewability publicitaria, ya que los anuncios se activan solo cuando es probable que se vean. Esto evita el desperdicio de impresiones y potencia el valor general de su inventario, lo que se traduce en eCPM más altos.

Para maximizar estos beneficios, los editores deben seguir las mejores prácticas, como excluir los anuncios above-the-fold del lazy loading, utilizar placeholders para el contenido diferido, optimizar los formatos y tamaños de las imágenes y probar el rendimiento en diferentes dispositivos y navegadores.

En general, el lazy loading ofrece una ventaja estratégica al equilibrar un rendimiento más rápido del sitio con una monetización publicitaria eficaz. Favorece tanto la optimización del rendimiento de los ingresos como la gestión eficiente de la publicidad programática, lo que lo convierte en una herramienta imprescindible para los editores.

Preguntas Frequentes