Performance

Lazy loading images

Checks if images use loading="lazy".

Warum ist das wichtig?

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.

Wie beheben Sie es?

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.

Dieser Check bewertet von 0 bis 100. Unter 50 ist ein Fail, 50 bis 89 eine Warnung, 90 oder höher ist gut. Nach jedem Crawl sehen Sie die Note pro Seite im Report, mit einer kurzen Erklärung.

Häufige Fragen

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.

Beispiel

Kopieren Sie den Code unten und passen Sie Domain, Markenname und Inhalt an Ihre Situation an.

<img src="product.jpg" alt="Product" loading="lazy">
Kostenlos starten