Chargement paresseux
Une technique qui diffère le chargement des images et du contenu hors écran jusqu'à ce que l'utilisateur les fasse défiler, réduisant ainsi le temps de chargement initial de la page.
Le chargement différé améliore les performances en chargeant uniquement le contenu visible dans la fenêtre lors du chargement initial de la page. Les images situées sous la ligne de flottaison restent sous forme d'espaces réservés légers jusqu'à ce que l'utilisateur fasse défiler vers elles, déclenchant ainsi le téléchargement de l'image. Le chargement différé natif via l'attribut HTML chargement='lazy' est pris en charge par tous les navigateurs modernes et ne nécessite aucun JavaScript. L'Intersection Observer API offre plus de contrôle pour les implémentations personnalisées. Pour les images de héros au-dessus de la ligne de flottaison, le chargement différé doit être désactivé : ces images nécessitent un chargement immédiat pour une peinture de contenu optimale. Un chargement paresseux agressif qui retarde le contenu visible nuit aux performances perçues. Le solde est un chargement immédiat pour le contenu visible et un chargement différé pour tout le reste.
Termes associés
Image réactive
Implémentation d'image qui propose différentes tailles ou formats en fonction de l'appareil du spectateur, de la taille de l'écran et de la vitesse de connexion.
Compression
Processus de réduction de la taille du fichier image en codant plus efficacement les données de pixels, parfois au détriment de la qualité.