Riepilogo

Il caricamento pigro è una tecnica che migliora la velocità della pagina e la visualizzabilità degli annunci mettendo in pausa il caricamento degli annunci fino a quando non stanno per entrare nella finestra dell'utente. È ideale per lunghi articoli o pagine con scorrimento infinito. Questa guida fornisce istruzioni dettagliate su come integrare il caricamento pigro sia per i siti WordPress che non WordPress.

1. Cos'è Lazy Loading?

Il caricamento pigro consente di caricare le pagine più velocemente, ridurre il consumo di risorse e la contesa e migliorare la velocità di visualizzazione mettendo in pausa la richiesta e il rendering degli annunci fino a quando non si avvicinano alla finestra dell'utente. Ciò significa che Lazy Loading consiste nell'aggiunta di un tag pubblicitario in modo asincrono, ogni paragrafo X dei tuoi articoli.

2. Come funziona Lazy Loading?

Il nostro sistema normalmente fornisce solo due megabner (in alto e inferiore) per pagina per diversi motivi:

Il caricamento pigro fornisce una soluzione per visualizzare più annunci su lunghe pagine senza questi effetti negativi.

3. Quando utilizzare Lazy Loading

Quando hai lunghi articoli o infinite pagine di scorrimento, ti consigliamo di duplicare dinamicamente i nostri tag come desideri in iframes all'interno della stessa pagina.

Ecco una pagina di esempio:https://www.themoneytizer.com/demo/preview_lazy_loading

In questo sito di esempio, i 2 megabner nella parte superiore della pagina vengono caricati normalmente tramite un'integrazione copia-incolla dei nostri tag JS nel codice, vengono caricati contemporaneamente alla pagina. D'altra parte, gli altri due megabner che si trovano più in basso negli articoli, che si trovano nel flusso dell'articolo, vengono attivati non appena la loro posizione diventa visibile all'utente durante lo scorrimento della pagina.

4. Come integrare il caricamento pigro

a) Caricamento in corso con WordPress

Prerequisiti:

• Ardesia vuotaestensione

• Inseritore pubblicitarioestensione

Attuazione:

• Passaggio 1: creare la pagina dell'annuncio

1. Vai alla scheda "Pagine" e crea una nuova pagina.

2. Nella barra laterale destra, in "Attributi di pagina", selezionare il modello "Fianura vuota".

3. Nel contenuto della pagina, aggiungere un blocco "HTML personalizzato" e incolla il tag dell'annuncio.

4. Pubblicare questa pagina e tornare all'elenco Pagine.

5. Rinominare il campo Slug di questa nuova pagina atmz-lazy-carico
   

• Passaggio 2: configurare inseritore pubblicitario

1. <iframe>codice:
   

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

Attenzione:Questo codice ha le dimensioni di un rettangolo medio superiore (300x250).

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

b) Caricamento pigro senza WordPress

Prerequisiti:

• Accesso FTP per il tuo sito web

• Nozioni in Javascript

Attuazione:

• Ad esempio, se si sceglie un megabanner nel passaggio 1, il codice sarà:

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

Ora è necessario creare uno script Javascript che si rivolga ai paragrafi e aggiungere iframe ogni paragrafo X dei tuoi articoli.

Html html

<scripttype="text/javascript">

(funzione(){

setTimeout(funzione(){

per(var)j=1;document.querySelectorAll("p").lunghezza>j;j++){

se) (j)%3====0){

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

'<iframesrc="../tmz-lazy-loading.html"load=" pigro"scorrimento="no"no"larghezza="738"altezza="100"frameborder="0">');

}

}

},2000);

})();

</script>