Chargement différé des images—Améliorer le chargement de page 2026
Nouveau2026-02-011 min lecture1 outil
Chargez les images uniquement quand nécessaire. Réduisez le chargement initial. Guide pour développeurs.
Qu'est-ce que le chargement différé ?
Les images se chargent uniquement quand elles entrent dans le viewport. Réduit le temps de chargement initial et l'utilisation des données.
Implémentation
Ajoutez loading="lazy" aux balises img. Les navigateurs modernes le supportent nativement. Pas de JavaScript requis.
Frequently Asked Questions
- Comment fonctionne le chargement différé ?
- Les images se chargent uniquement quand l'utilisateur fait défiler jusqu'à elles. Ajoutez loading="lazy" aux balises img—les navigateurs modernes le supportent nativement. Le chargement initial de la page est plus rapide, économise les données. Les Core Web Vitals s'améliorent.
- Dois-je utiliser le chargement différé sur toutes les images ?
- Non. N'utilisez pas lazy sur les images above the fold—elles affectent le LCP. Utilisez loading="lazy" sur les images plus bas. Laissez le hero et la bannière se charger immédiatement.