Le lazy loading reporte le chargement des images ou médias non critiques jusqu’à ce qu’ils approchent de la zone visible. Le navigateur peut ainsi charger moins de ressources au premier affichage.

Quand est-il utile ?

Il convient surtout aux images et iframes placées plus bas sur une longue page. Réduire les téléchargements immédiats peut améliorer l’affichage initial et l’usage des données.

Quand faut-il rester prudent ?

• Ne retardez pas inutilement l’image principale visible au chargement.
• Réservez la largeur et la hauteur pour éviter les déplacements de contenu.
• Utilisez des images HTML normales avec une source et un texte alternatif adaptés.
• Testez le défilement et les connexions limitées.

Est-ce suffisant pour optimiser les images ?

Non. Le format, les dimensions, la compression et les variantes responsives restent importants.

Pour intégrer la performance dès la conception, découvrez la création d’un site web sur mesure et les bases du SEO.

Source : MDN sur le lazy loading.