Lazyload + détection de présence dans le viewport
Le chargement de ces images utilise lazyload, un type de script qui vérifie lors du scroll de la page si les images vont entrer dans le viewport (la partie visible de la page) et déclenche leur chargement si c’est le cas.
Un deuxième script vérifie si l’image est chargée et effectivement dans le viewport, et si c’est le cas la fait apparaitre.
La librairie "vanilla lazyload" est utilisée par le script qui ne s’appuie pas sur jQuery.
Le document zippé ci-joint fournit le code complet sous la forme d’un template part pour wordpress, accompagné du fichier lazyload prévu pour être placé dans le dossier "assets" du thème theme_base.