Lazy loading images
Checks if images use loading="lazy".
Pourquoi est-ce important ?
Images outside the viewport don't need to load immediately. Lazy loading significantly reduces initial load time and improves LCP (Largest Contentful Paint) - a Core Web Vital that Google measures.
Comment le corriger ?
Add loading="lazy" to all <img> tags that are not in the first viewport. Hero images and other above-the-fold images should NOT have loading="lazy" - they should load immediately.
Ce check note de 0 à 100. Sous 50 c’est un échec, 50 à 89 un avertissement, 90 ou plus c’est bon. Après chaque crawl vous voyez la note par page dans le rapport, avec une courte explication.
Questions fréquentes
Checks if images use loading="lazy".
Images outside the viewport don't need to load immediately. Lazy loading significantly reduces initial load time and improves LCP (Largest Contentful Paint) - a Core Web Vital that Google measures.
Add loading="lazy" to all <img> tags that are not in the first viewport. Hero images and other above-the-fold images should NOT have loading="lazy" - they should load immediately.
Exemple
Copiez le code ci-dessous et adaptez le nom de domaine, la marque et le contenu à votre situation.
<img src="product.jpg" alt="Product" loading="lazy">