Declaration officielle
Pour les images qui ne sont pas dans le viewport initial, ajoutez l'attribut loading='lazy'. Cela indique au navigateur qu'il peut retarder le chargement de ces images car elles sont moins susceptibles d'être vues immédiatement. N'ajoutez jamais cet attribut aux images du viewport initial.
Autres déclarations de cette vidéo 14 ▾
- □ Page Experience : Est-ce vraiment un levier SEO incontournable ?
- □ Pourquoi chaque page a-t-elle un score LCP indépendant ?
- □ Pourquoi viser un Largest Contentful Paint en moins de 2,5 secondes est crucial pour le SEO ?
- □ Pourquoi les scores LCP de Google proviennent-ils des utilisateurs réels ?
- □ Pourquoi le score LCP de la Search Console est-il crucial pour le SEO?
- □ Pourquoi chaque SEO devrait-il envisager un CDN pour le LCP ?
- □ Pourquoi utiliser les Service Workers pour améliorer le LCP ?
- □ Pourquoi retirer les scripts et CSS inutilisés booste-t-il vraiment le LCP ?
- □ Faut-il intégrer directement CSS et JS critiques pour optimiser le SEO ?
- □ Faut-il utiliser async et defer pour optimiser vos scripts SEO ?
- □ Comment l'usage de DNS prefetch et preconnect revolutionne le SEO technique ?
- □ Pourquoi le preload est-il crucial pour le SEO du contenu critique ?
- □ Les formats d'image modernes revolutionnent-ils l'optimisation SEO ?
- □ Comment obtenir des données LCP en temps réel avec Google Analytics ?
Declaration officielle du
(il y a 4 ans)
⚠ Une declaration plus recente existe sur ce sujet
Faut-il vraiment éviter le lazy loading sur les images en haut de page pour amél...
Voir la declaration →
TL;DR
Ajoutez loading='lazy' aux images hors affichage initial pour optimiser le chargement. Ne l'utilisez jamais pour les images visibles directement.
❓ Questions frequentes
Loading='lazy' est-il compatible avec tous les navigateurs ?
La plupart des navigateurs modernes le supportent, mais vérifiez toujours la compatibilité avec vos données utilisateurs.
Les images de fond CSS peuvent-elles être chargées en lazy ?
Non, l'attribut ne s'applique pas aux images de fond CSS. Il concerne uniquement les balises <img>.
Est-ce que lazy loading réduit le taux de conversion ?
Non, s'il est bien implémenté. En optimisant la vitesse, il améliore généralement l'expérience utilisateur et peut potentiellement augmenter les conversions.
🎥 De la même vidéo 14
Autres enseignements SEO extraits de cette même vidéo Google Search Central · publiée le 05/10/2021
🎥 Voir la vidéo complète sur YouTube →
💬 Commentaires (0)
Soyez le premier à commenter.