Lazy Loading
Technique chargeant les images et médias uniquement quand l'utilisateur scrolle jusqu'à leur position.
Le lazy loading (chargement différé) est une technique de performance web qui retarde le chargement des images et médias hors écran jusqu'à ce que l'utilisateur scrolle vers eux.
Bénéfices
Réduit le temps de chargement initial de la page (LCP), économise la bande passante (surtout sur mobile), diminue la consommation de données pour l'utilisateur et réduit la charge serveur.
Implémentation
L'attribut HTML loading='lazy' est natif et supporté par tous les navigateurs modernes. Attention : ne pas appliquer le lazy loading aux images above the fold (LCP), car cela ralentirait le rendu initial.
Termes associés
Mobile-First
Approche de conception priorisant l'expérience mobile avant le desktop.
Mockup
Maquette visuelle. Représentation haute-fidélité du design final d'une page.
Pogo-Sticking
Comportement d'un utilisateur qui clique sur un résultat, revient en arrière et clique sur un autre.
Prototype
Version interactive d'une maquette permettant de tester les parcours utilisateurs.
Lazy Loading en pratique : UX & Design
Pour aller au-delà de la définition, découvrez notre expertise conversion et parcours.