Le Lazy Loading est une technique d'optimisation qui consiste à charger les ressources uniquement lorsqu'elles sont nécessaires.
Ressources concernées :
- ️ Images : au scroll
- Vidéos : au viewport
- Composants : à la demande
- Scripts JS : code splitting
Implémentation native :
<img src="image.jpg" loading="lazy" />
Avantages :
- Chargement initial plus rapide
- Bande passante économisée
- Core Web Vitals améliorés
- Coûts réduits (data mobile)
Supporté nativement par tous les navigateurs modernes !