Lazy Loading y Adsense: La Cura

Este es un blog para celebrar la solución a uno de los más graves problemas con el que venía lidiando en mis sitios.

La historia mía es una historia como la de muchos, empiezas un sitio web, empiezas a crear contenido para atraer a los visitantes en redes sociales así como por medio de los motores de búsqueda.

Yo uso un demo bastante liviano de GeneratePress, algo sencillo porque yo quiero enfocarme en el contenido.

Mi sitio esta hospedado en Digital Ocean por medio del panel de Cloudways

Usó un máximo de 8 plugins, me gusta mantener todo simple:

  • GP Premium
  • Ad Inserter Pro
  • PerfMatters
  • Pretty Links
  • WP Fastest Cache / WP- Rocket / WP Fastest Cache (varían de web a web)
  • WP CloudFlare Super Page Cache
  • WP Open Graph
  • XML Sitemap & Google News

Como puedes ver, un sitio con plugins en su mayoría sencillos, con un tema sencillo y un hosting bueno.

Luego empiezo a monetizar el sitio con anuncios de Adsense y hay empieza mi problema porque los anuncios matan cualquier optimización y buenas prácticas que has seguido en tu web.

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.

Frustración

Debido a eso, uno se da la tarea de optimizar imagenes, limpiar base de datos y aplicar cuanta medida de optimización puedes con pocos resultados.

Un plugin de caché raramente te puede ayudar, ya que es imposible optimizar los anuncios ya que estos son servidos desde Google.

Sin importar lo que hiciera, mis resultados en cualquier test de velocidad era una simple vergüenza.

Ad Inserter Pro

Yo sabía que el problema no era mi web y apesar de eso, hice todo cuanto podía para minimizar el impacto.

Hoy después de pensarlo, tomé la decisión de comprar una licencia de Ad Inserter Pro por muchas razones.

Primero, creo que es una buena idea comprar la licencia de un plugin que me ha generado algo de dinero en estos últimos años y lo segundo era la opción de Lazy Loading.

El plugin tiene otras opciones dignas de explorar pero el Lazy Loading trajo algo de esperanza a mis sitios

Este es mi resultado en Light House, no le pongan atención al resultado de SEO ya que ni siquiera uso un plugin de SEO.

Light House - Lazy Loading

Optimizar mi Web

Debes saber cuatro cosas, ningun plugin te va a ayudar con un problema, si tus problemas son varios, en mi caso, yo sabía que seguía buenas prácticas de optimización web pero que los anuncios era los culpables por lo que usar el Lazy Loading de Ad Inserter Pro fue la cereza en el pastel.

Lo otro es que no debes activar autoads, Ad Inserter Pro no tiene control sobre AutoAds, solo sobre los anuncios insertados con el plugin.

Pero con esto puedes insertar más anuncios sin pensar en el impacto que tendrán en tu sitio. Esa prueba yo la hice con 6 anuncios, 4 en el contenido y 2 en la barra lateral.

Lo último que debo decirles es que puedes controlar cuáles anuncios usan Lazy Loading y cuáles no. Tambien puedes controlar el momento en el que el anuncio debe desplegarse. Esto se hace por medio de Pixeles, yo lo configure a 450 píxeles antes de llegar al punto.

Espero que esos les ayuda a resolver algunos problemas.