Lazy Load Adsense en Blogger || Actualizar secuencia de comandos de Adsense de carga diferida 2023

¿Qué es la carga diferida de Adsense?

Lazyloading es la técnica de optimización para posponer la carga del script hasta que el usuario lo desee. Por lo tanto, en lugar de cargar toda la página a la vez, cargamos de forma diferida el script pesado y cargamos mejor el script necesario para mostrar el contenido de la mitad superior de la página.

Script de actualización de carga diferida

La carga diferida permite que las páginas se carguen más rápido, reduce el consumo de recursos y la contención, y mejora la tasa de visibilidad al pausar la solicitud y el procesamiento de anuncios hasta que se acercan a la ventana gráfica del usuario.

Con la carga diferida en SRA, cuando el primer espacio publicitario se encuentra dentro de la ventana gráfica especificada por el parámetro fetchMarginPercent, se realiza la llamada para ese anuncio y todos los demás espacios publicitarios.

Por ejemplo, si una persona ingresa a la página web, lee los primeros rastros y vuelve a hacer clic. Entonces, aquí las imágenes y películas que se cargan debajo de la página web se desperdician porque el usuario no se desplaza por la página. Por lo tanto, al usar la carga diferida de fotos, imágenes en movimiento y debajo de los anuncios, puede almacenar recursos y cargar la página web más rápido.

Adsense es uno de los propósitos principales para la velocidad de carga gradual y carga javascript innecesario cuando una página tiene cientos.

Mientras echamos un vistazo a nuestro sitio web de Blogger dentro de la herramienta de información de velocidad de la página web, muestra que Adsense está tomando más del 50 por ciento del tamaño de la página web y carga secuencias de comandos innecesarias como se muestra a continuación.

Aquí, como puede ver, Adsense está ocupando alrededor de 707 KB de longitud de página y mientras probamos el índice de velocidad de la página, sus millas muestran solo 31 en dispositivos móviles.

¿Por qué debería cargar anuncios de Adsense de forma diferida?

¿Por qué debería cargar elementos individuales más tarde que otros? La carga diferida puede ayudar a optimizar la velocidad de la página, ahorrar ancho de banda de sus visitantes y mejorar la experiencia del usuario. Dado que su efecto se puede medir objetivamente, los motores de búsqueda también pueden reconocer la velocidad mejorada de su página.

Las redes publicitarias como AdSense no cargan archivos de imagen simples solo cuando inyecta su código. Estos anuncios llaman a un dominio externo para cargar varios archivos, realizar comprobaciones, realizar un seguimiento de las impresiones y, finalmente, mostrar el contenido del anuncio visible en su sitio web.

Este proceso se repite para cada bloque de anuncios.

¿Cómo funciona el script Lazyload Adsense?

Cuando implementa el script Lazyload Adsense en su sitio web, pospondrá la carga de anuncios y cargará mejor la solicitud esencial para mostrar la página.

Cuando la persona comienza a interactuar con la página web, como desplazarse por la página web, el código de Adsense comenzará a mostrarse en el navegador y sus anuncios aparecerán en la página web.

Por lo tanto, el dispositivo de información de la velocidad de la página web ya no encontrará una carga de secuencias de comandos de Adsense, ya que básicamente cientos con la interacción del usuario.

De esta manera, puede reducir la longitud total de la página y cargar la página web más rápido en dispositivos móviles con una conexión a Internet lenta.

Por lo tanto, compruebe cómo puede mejorar su velocidad de carga de Blogger instalando el script de Adsense de carga diferida de hoy en su sitio web de Blogger.

En este boletín, le mostraré el camino para realizar la carga diferida de anuncios de Adsense en el sitio web de Blogger. Por lo tanto, siga las escaleras con cuidado para implementar esto bien en su sitio web.

Entonces, antes de eso, reconozca qué es la carga diferida y por qué se recomienda mejorar la velocidad de la página web de Blogger.

¿Cómo Lazyload Adsense en Blogger?

Para Lazyload Adsense en Blogger, siga cuidadosamente los pasos a continuación.

Paso 1: Vaya al panel de control de Blogger y haga clic en la sección Tema.

Paso 2: Ahora haga una copia de seguridad de su tema y haga clic en Editar HTML.

Paso 3: elimine todo el código de Adsense anterior de su tema de blogger.

Paso 4: ahora copie el siguiente código y reemplácelo con su propia ID de editor de Adsense.

<script>//<![CDATA[
function lazyAdLoad(){let e=document.createElement("script");e.setAttribute("crossorigin","anonymous"),e.async=!0,e.src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-*************",document.head.appendChild(e)}const lazyAdStorage=localStorage.getItem("lazyAd");if("true"===lazyAdStorage)lazyAdLoad();else{let e=!1,t=!1;function a(){e||0===document.documentElement.scrollTop&&0===document.body.scrollTop||(e=!0,t=!0,lazyAdLoad(),localStorage.setItem("lazyAd","true"))}window.addEventListener("scroll",a,{passive:!0}),window.addEventListener("click",()=>{t||(t=!0,e=!0,lazyAdLoad(),localStorage.setItem("lazyAd","true"))},{once:!0,passive:!0})}
/*]]>*/</script>{codeBox}

Paso 5: ahora guarde su código de Adsense y su AdSense de carga diferida en el sitio web de Blogger.

Ahora todos sus anuncios de Adsense se cargarán después de que se cargue la página y verá un aumento significativo en la velocidad de carga de su página.

Pasos importantes para el correcto funcionamiento de Lazyload Adsense

Hay un par de pasos importantes que debe seguir para el correcto funcionamiento de este script de Lazyload Adsense.

Vaya al panel de control de Blogger y haga clic en la pestaña Ganar y aquí debe desconectar Adsense. De lo contrario, volverá a cargar el código de AdSense y la carga diferida no funcionará correctamente.

Debe eliminar una determinada parte del código del bloque de anuncios manual de AdSense, como se muestra en la imagen a continuación. Porque no necesita el archivo javascript de Adsense varias veces en su sitio web de Blogger.

Aquí, debe eliminar la parte resaltada de cada bloque de anuncios Manual utilizado en el sitio web. De lo contrario, puede pasar la secuencia de comandos Lazyload durante la noche.

Ahora hemos implementado correctamente Lazyload Adsense en nuestro sitio web de Blogger. Es hora de volver a probar la velocidad de la página en la herramienta de información de la velocidad de la página.

Y aquí, como puede ver en la siguiente captura de pantalla, la velocidad de la página ha mejorado de 31 a 74. Entonces, de esta manera puede acelerar su blog de Blogger.

Beneficios de implementar Lazyload

Hay varios beneficios de implementar Lazyload Adsense en el sitio web.

Ayuda a mejorar la velocidad de carga y hace que el núcleo web del sitio web sea amigable.
Ahorra ancho de banda del servidor y reduce el tiempo de carga inicial.
hace que la experiencia general del usuario sea mucho mejor
reduce los recursos de hardware necesarios

También puede Lazyload imágenes, iframes de YouTube y código de análisis de Google para mejorar la velocidad de la página. He preparado un vídeo detallado sobre cada uno de los temas.

Carga diferida de imágenes en Blogger
Análisis de Google de carga diferida
iframe de YouTube de carga diferida

Si tienes alguna duda con respecto a la mejora de la velocidad de la página en Blogger, puedes preguntarme en la sección de comentarios. Me encantaría solucionar tu problema lo antes posible.