CATÉGORIE · Performance · B08
Lazy loading
Charger plus tard images et ressources hors écran. Attention : loading="lazy" sur l'image hero dégrade fortement le LCP.
Définition complète
Charger plus tard images et ressources hors écran. Attention : loading="lazy" sur l'image hero dégrade fortement le LCP.
Exemple concret sur Shopify
Exemple illustratif : les images des avis situés loin sous le premier écran sont différées, tandis que l’image principale de la fiche se charge sans attendre le défilement.
Ma position
Décider selon la position réelle du média sur chaque appareil. Conserver des dimensions pour éviter les sauts de page et vérifier la galerie au clavier comme au toucher.
Termes connexes
Pour aller plus loin
Sources et contexte éditorial
Teo Comyn · Mis à jour le
Références techniques consultées pour cette mise à jour. Les exemples illustratifs ne sont pas des résultats clients mesurés. Vérifie la documentation actuelle et ta boutique avant d’appliquer une modification.
Politique éditoriale