Modificare la soglia di inizio della funzione LazyLoad

Di default, LazyLoad carica le immagini che si trovano entro i 300px dell'area visibile (finestra del browser). Tuttavia, questa soglia di inizio può essere modificata. In questo esempio, il caricamento con LazyLoad inizia entro i 100px:

function rocket_lazyload_custom_threshold( $threshold ) {
 	return 100;
}
add_filter( 'rocket_lazyload_threshold', 'rocket_lazyload_custom_threshold' );

Ridurre la soglia di inizio darà l'impressione che le immagini sono caricate più rapidamente, specialmente quando la pagina viene fatta scorrere velocemente verso il basso. Le immagini appariranno come un pop-up o con uno "scatto".

Se non ti piace l'effetto, puoi aumentare la soglia. Questo ti permetterà di caricare più immagini al momento del caricamento iniziale della pagina, ovvero:

  1. Il tempo di caricamento iniziale sarà un po' più lungo a seconda del numero di immagini incluse nella soglia. Una soglia di inizio più ampia significa caricare più immagini in un colpo solo, aumentando quindi il tempo di caricamento totale;
  2. Ma poiché l'immagine sarà già caricata, quando i tuoi visitatori scorreranno la pagina, non ci sarà nessun ritardo nella visualizzazione delle immagini.

Aggiustare la soglia di inizio del LazyLoad è piuttosto una questione di preferenze e di opinione su quale opzione viene percepita come più rapida.