Lazy Loading para los Anuncios de Adsense: La Cura

Actualizado en

Una de las maneras de mejorar el desempeño de tu sitio con anuncios de Adsense es por medio de la implementación del Lazy Loading.

Hemos escuchado sobre el Lazy loading o la carga diferida de imágenes, videos y Iframes pero raramente se habla sobre la carga diferida de los anuncios o la carga inteligente de anuncios.

La carga diferida o Lazy loading significa que las imágenes, los videos, los iframes y los anuncios van a empezar a cargar una vez que el usuario esté apunto de verlos, algo que por lo general mejora el desempeño de tu sitio en los diferentes test de velocidad.

La carga inteligente de anuncios no solamente el desempeño en las diferentes pruebas de velocidad, si no que te ayuda a mejorar la visibilidad de los anuncios en tu sitio.

Tener una buena visibilidad y un sitio rápido ayudará a mejorar los ingresos de cualquier empresa de anuncios que uses.

El Comienzo en la Monetización

La historia mía es una historia como la de muchos, empiezas un sitio web de WordPress con un stack sencillo.

Yo uso un demo bastante liviano de GeneratePress, mi sitio esta hospedado en Digital Ocean por medio del panel de Cloudways y uso entre 8 a 10 plugins que tienen un mínimo impacto en la velocidad de mis sitios.

Como puedes ver en este test de velocidad de GTMetrix, un sitio con plugins livianos, con un tema sencillo y un hosting de calidad te va a dar resultados con pocas optimizaciones realizadas.

Sin embargo los buenos resultados en términos de velocidad se pueden ver opacados por los anuncios.

Frustración con los Anuncios de Adsense

Después de agregar los anuncios de Adsense, inmediatamente te das cuenta que los anuncios tienen un impacto negativo en pruebas de velocidad de GTMetrix y Google Page Insights

Todos los buenos resultados se van a la basura con 5 o 6 anuncios, en ocasiones hasta con números peores a los mostrados en la siguiente imagen.

Si no le prestas atención al proceso de optimización, quizás pongas la culpa en parte del stack, cuando este no es culpable del pobre desempeño de tu sitio.

Las personas que saben muy poco de optimización, tratan de:

  • Optimizar imágenes
  • Limpiar base de datos
  • Aplicar cuanta medida de optimización

Si los problemas de velocidad fueron ocasionados por los anuncios, es el problema que se debe resolver.

Lazy Loading con Ad Inserter Pro

Para mejorar esos resultados puedes implementa el lazy loading o la carga diferida de anuncios.

Yo tomé la decisión de comprar una licencia de Ad Inserter Pro ya que el Lazy Loading que se puede implementar fácilmente con este plugin.

Ese plugin mejora los tests de velocidad como pocas herramientas los hacen.

Este es mi resultado en Light House:

Light House - Lazy Loading

Al implementar esto, debes de permitir que los días pasen y que Google Search Console recoja los suficientes datos para concluir que estas pasando Core Web Vitals

¿Debería Usar el Lazy Loading en Anuncios?

Esto es lo que Adsense tiene que decir sobre el uso del Lazy Loading or la carga diferida de anuncios.

Si se usa correctamente, la carga diferida puede aumentar el porcentaje de visibilidad general. En los casos en los que un usuario no se desplaza hacia abajo, por ejemplo, los espacios publicitarios de la mitad inferior de la página no se cargan y se realizan menos solicitudes de anuncios.

Viewability best practices – Google Ad Manager Help

Esto es lo que el sitio OKO Ad Management tiene que decir al respecto:

Con la carga diferida, los anuncios que probablemente no se verán no se cargan, lo que da como resultado que se publiquen menos impresiones no vistas. Esto puede mejorar drásticamente tus puntuaciones de visibilidad. Los anunciantes odian pagar por impresiones que los usuarios no ven, por lo que cuanto mayor sea su puntaje de visibilidad, más valioso será su inventario para aquellos que reservan campañas de alto pago.

Should I Implement Lazy Loading Ads?

Recomendaciones para el Lazy Loading

Si implementas la carga inteligente de anuncios con la ayuda de AdInserter Pro, aplica Lazy Loading a las unidades que están en la sección conocida como “Below the Fold”.

Si aplicas la carga inteligente a las unidades “Above the Fold” podrías estar afectando tus ingresos y la visibilidad de los anuncios.

Esta recomendación y colocar un offset de 650px me ha ayudado a mejorar la visibilidad de los anuncios.

UnidadMovilEscritorio
#454.42%65.22%
#554.57%62.96%
#654.80%65.02%

Delay JS de Anuncios de Adsense

Si lo único que deseas es pasar los tests de velocidad, puedes considerar usar un plugin que se encargue de retrasar la ejecución del script de Adsense.

Si deseas implementar un retraso en la ejecución de Scripts, puedes usar plugins como:

A pesar de la existencia de usar estas dos opciones, te puedo decir que un sitio bien optimizado no requiere de ambas.

Mis sitios han pasado Core Web Vitals sin ambas optimizaciones.

En algún momento, todo nos hemos preocupado por las pruebas de velocidad pero creo que Google Search Console y Core Web Vitals ya mataron esa obseción

Recomendaciones y Conclusiones

Estas son algunas recomendaciones y conclusiones después de pasar algo de tiempo trabajando con la optimización de mis sitios, aumenta así la visibilidad de los anuncios.

  • Ningún plugin te va a ayudar a resolver todos los problemas, el Lazy Loading de Ad Inserter Pro es la cereza en el pastel que ataca únicamente el problema causado por Adsense.
  • Si usas el Lazy Loading con los anuncios de Adsense, no debes activar autoads ya que el lazy loading sólo se aplica a los anuncios agregados manualmente.
  • Otro plugin premium que tiene el Lazy loading de anuncios es WP Advanced Ads.
  • Una opción gratuita para implementar el lazy loading de los anuncios de Adsense es Ads by WPQuads
  • Si deseas una estrategia diferente y más sencilla para optimizar los sitios que usan Adsense, puedes usar PerfMatters, Flying Scripts o WP Rocket para retrasar la carga del JavaScript.
  • La carga inteligente de anuncios mejora las métricas de visibilidad y eso definitivamente mejorará tus ingresos

Más sobre Optimización para Wordpress

Espero que hayas encontrado todo lo que estabas buscando sobre el lazy loading o la carga diferida de anuncios de Adsense

Estas son algunas publicaciones que te ayudarán a mejorar la velocidad de tu sitio de WordPress

  1. ¿Cuántos Plugins Puedo Instalar en WordPress?
  2. Optimizar el Código CSS, JS y HTML en WordPress.
  3. Crear un Favicon en Blanco en WordPress
  4. Code Snippets para WordPress: Los 18 Mejores
  5. Remover CSS y JS Innecesario de WordPress
  6. Full Page Caching de CloudFlare: ¿Indispensable?
  7. Cómo Acelerar tu Sitio de WordPress: El Dilema

Si tienes preguntas, puedes escribirme por medio de mis redes sociales

Sobre Jose manuel

Soy José Manuel, empecé un blog en el 2011 como un pasatiempo y para usarlo en mis clases y poco a poco, me enamoré de WordPress. Espero que algo de todo lo que he escrito te sirva de ayuda.

RevistaWP

RevistaWP es un sitio donde registro mis pensamientos y descubrimientos sobre todo lo que sucede dentro del mundo WordPress.

Contacto

Puedes contactarme por medio de los siguientes canales