Ajuster le seuil du LazyLoad

Par défaut, le LazyLoad charge les images situées à moins de 300 pixels de la ligne de flotaison (fenêtre du navigateur). Toutefois vous pouvez ajuster ce seuil avec ce qui suit. Dans cet exemple le seuil est réglé à 100px :

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

Réduire ce seuil donnera l'impression d'un chargement rapide des images, particulièrement lors du scrolling vers descendant. Ça donnerai un effet de "popping" de l'image.

Si vous n'aimez pas cet effet, vous pouvez augmenter le seuil. Ça chargera plus d'image lors du chargement initial de la page, ce qui signifie aussi que :

  1. Le temps de chargement initial pourra être un peu plus important en fonction du nombre d'images présentes dans ce seuil. Un seuil important signifie donc plus d'images chargées directement, ce qui augmentera le temps de chargement.
  2. Mais comme l'image" sera déjà chargée, lors du scrolling, il n'y aura pas de délai d'affichage de l'image.

Cet ajustement du seuil est plus une question de préférence ou d'opinion sur quelle option server ressentie comme plus rapide.