Retour aux cas pratiques
Web Performance OptimizationFondamental

Implémentation du lazy loading natif des images

Scénario

Contexte : Une page catalogue contient de nombreuses images visibles uniquement après scroll. Le Problème : Toutes les images sont chargées dès le premier rendu. Code actuel : <img src="product.jpg"> Contraintes : Utiliser l'attribut loading natif du navigateur. Livrable attendu : Modifier les balises image afin d'activer le lazy loading natif et réduire le temps de chargement initial.

Compétences ciblées

performancelazyloadingimagesoptimization
    Implémentation du lazy loading natif des images — mise en situation Web Performance Optimization | CodeDuel