Activer le lazy loading natif des navigateurs

Les navigateurs populaires comme Chrome, Firefox et Opera prennent en charge le lazy loading. Il vous suffit d’ajouter l’attribut aux images et vidéos ciblées pour l’activer automatiquement.

Dans le lazy loading natif de WordPress, l’attribut loading prend en charge ces trois valeurs :

Auto : Déclenche le lazy loading par défaut, ce qui revient à ne pas inclure d’attribut de chargement.
Lazy : Répartit le chargement des ressources jusqu’à ce que chacune atteigne la distance spécifiée par rapport à la fenêtre d’affichage.
Eager : Charge toutes les ressources dès le chargement de la page, quel que soit leur emplacement.

Voici un exemple d’utilisation :

<img src="nom-image.png" loading="lazy" alt="alt attribute " width="800" height="411">

Cette méthode est idéale pour charger paresseusement certaines images, en donnant à chacune un attribut de chargement qui dicte leur heure d’apparition dans la fenêtre d’affichage. Cependant, le chargement paresseux d’images individuelles peut prendre un certain temps, surtout si votre site Web contient beaucoup de fichiers multimédias.