Du lazy loading natif embarqué dans les navigateurs avec loading=lazy

Les pages web contiennent de nombreuses images et cela impacte le temps de chargement des sites. Beaucoup de ces images sont en dehors de l'écran et nécessitent que l'utilisateur scroll pour s'afficher.

Historiquement, pour limiter l'impact des images sur le temps de chargement, les développeurs devaient utiliser une librairie JavaScript pour différer l'affichage des images.

Et si les navigateurs pouvaient éviter le chargement des images sans aucune intervention technique ? Ceci va être possible grâce au nouvel attribut loading pour images et iframes.

Dans cet article, découvrez le nouvel attribut permettant d'embarquer directement le lazy-loading dans un navigateur.