Lazy loading afbeeldingen
Controleert of afbeeldingen loading="lazy" gebruiken.
Waarom is dit belangrijk?
Afbeeldingen buiten het scherm hoeven niet direct geladen te worden. Lazy loading vermindert de initiële laadtijd aanzienlijk en verbetert de LCP (Largest Contentful Paint) - een Core Web Vital die Google meet.
Hoe los je het op?
Voeg loading="lazy" toe aan alle <img> tags die niet in de eerste viewport staan. De hero-afbeelding en andere above-the-fold afbeeldingen moeten GEEN loading="lazy" hebben - die moeten direct laden.
Deze check scoort van 0 tot 100. Onder de 50 is een fail, 50 tot 89 een waarschuwing, 90 of hoger is goed. Na elke crawl zie je de score per pagina in je rapport, met een korte uitleg wat we vonden.
Veelgestelde vragen
Controleert of afbeeldingen loading="lazy" gebruiken.
Afbeeldingen buiten het scherm hoeven niet direct geladen te worden. Lazy loading vermindert de initiële laadtijd aanzienlijk en verbetert de LCP (Largest Contentful Paint) - een Core Web Vital die Google meet.
Voeg loading="lazy" toe aan alle <img> tags die niet in de eerste viewport staan. De hero-afbeelding en andere above-the-fold afbeeldingen moeten GEEN loading="lazy" hebben - die moeten direct laden.
Voorbeeld
Kopieer de code hieronder en pas de domeinnaam, merknaam en inhoud aan naar jouw situatie.
<img src="product.jpg" alt="Product" loading="lazy">