Resumen

La carga pereosa es una técnica que mejora la velocidad de la página y la visibilidad del anuncio al pausar la carga de anuncios hasta que estén a punto de entrar en la vista del usuario. Es ideal para artículos largos o páginas con desplazamiento infinito. Esta guía proporciona instrucciones paso a paso sobre cómo integrar la carga perezosa tanto para sitios de WordPress como para no-WordPress.

1. 1. 1. ¿Qué es Lazy Loading?

La carga pereosa le permite cargar páginas más rápido, reducir el consumo y la contención de recursos y mejorar la velocidad de visualización pausando la solicitud y representación de anuncios hasta que se acerquen a la ventana del usuario. Esto significa que Lazy Loading consiste en agregar una etiqueta de anuncio asíncronamente, cada X párrafos de sus artículos.

2. 2. 2. ¿Cómo funciona Lazy Loading?

Nuestro sistema normalmente proporciona solo dos megabanners (superior e inferior) por página por varias razones:

Lazyload proporciona una solución para mostrar más anuncios en páginas largas sin estos efectos negativos.

3. 3. 3. Cuándo usar Lazy Loading

Cuando tenga artículos largos o páginas de desplazamiento infinitas, recomendamos duplicar dinámicamente nuestras etiquetas como desee en iframes dentro de la misma página.

Aquí hay una página de ejemplo:https://www.themoneytizer.com/demo/preview_lazy_loading

En este sitio de ejemplo, los 2 megabanners en la parte superior de la página se cargan normalmente a través de una integración de copia-pegar de nuestras etiquetas JS en el código, se cargan al mismo tiempo que la página. Por otro lado, los otros dos megabanners que se encuentran más abajo en los artículos, que se encuentran en el flujo del artículo, se activan tan pronto como su ubicación se vuelve visible para el usuario durante el desplazamiento de la página.

4. 4. 4. Cómo integrar la carga perezoso

a) Cargando con WordPress

Requisitos previos:

• Pizarra en blancoextensión

• Insertor de anunciosextensión

Ejecución:

• Paso 1: Crear la página del anuncio

1. Ve a la pestaña "Páginas" y crea una nueva página.

2. En la barra lateral derecha, en " Atributos de página", seleccione la plantilla "Pizarra blanca".

3. En el contenido de la página, agregue un bloque "C personalizado" y pega tu etiqueta de anuncio.

4. Publique esta página y vuelva a la lista Páginas.

5. Cambiar el nombre del campo Slug de esta nueva página paratmz-lazy-carga
   

• Paso 2: Configurar el insertor de anuncios

1. <iframe>código:
   

<iframe src="../tmz-lazy-loading" loading="lazy" scrolling="no" width="310" height="260" frameborder="0"></iframe>

Atención:Este código tiene las dimensiones de un rectángulo medio superior (300x250).

<iframe src="../tmz-lazy-loading" loading="lazy" scrolling="no" width="738" height="100" frameborder="0"></iframe>

b) Cargar sin WordPress

Requisitos previos:

• Acceso FTP para su sitio web

• Nociones en Javascript

Ejecución:

• Por ejemplo, si elige un megabanner en el paso 1, su código será:

<iframe src="../tmz-lazy-loading" loading="lazy" scrolling="no" width="738" height="100" frameborder="0"></iframe>

Ahora necesitas crear un script Javascript que se dirija a tus párrafos y agregue el iframe cada X de tus artículos.

Html html php

<scripttype="text/javascript">

(función(){

setTimeout(función(){

para el(varj jose= = =1;document.querySelectorAll("p").longitud> > >j;j++){

si(juego)%3 3 3===0){

document.querySelectorAll("p")[j].insertAdjacentHTML('afterend',

'<iframesrc="../tmz-lazy-loading.html"loading="lazy"scrolling="no"no"anchura="738"altura="100"frameeborder="0">');

}

}

},2000);

})();

</script>