Chargement différé
Technique qui reporte le chargement des images et contenus hors écran jusqu’à ce que l’utilisateur s’en approche en faisant défiler la page, afin de réduire le temps de chargement initial.
Le chargement différé améliore les performances en ne chargeant, au départ, que le contenu visible dans la fenêtre d’affichage. Les images situées sous la ligne de flottaison restent sous forme d’espaces réservés légers jusqu’à ce que l’utilisateur s’en approche, ce qui déclenche le téléchargement réel de l’image. Le chargement différé natif avec l’attribut HTML loading='lazy' est pris en charge par les navigateurs modernes et ne nécessite pas de JavaScript. L’API Intersection Observer offre davantage de contrôle pour les implémentations personnalisées. Pour les images hero visibles au-dessus de la ligne de flottaison, le chargement différé doit être désactivé, car elles doivent se charger immédiatement pour optimiser le Largest Contentful Paint. Un chargement différé trop agressif qui retarde le contenu visible nuit à la performance perçue. Le bon équilibre consiste à charger immédiatement le contenu visible et à différer le reste.