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
LCP
Largest Contentful Paint. Mesure la vitesse de chargement du contenu principal d'une page. Google recommande < 2,5 secondes.
Core Web Vitals
Signaux web essentiels. Métriques Google mesurant la performance UX : LCP, INP et CLS.
Cache
Stockage temporaire de données pour accélérer les chargements suivants et réduire la charge serveur.
Responsive Design
Design adaptatif s'adaptant automatiquement à toutes les tailles d'écran.
Besoin d'aide pour optimiser votre Lazy Loading ?
Discutons de votre stratégie marketing.