STAP 66 — Gebruik lazy loading

Waarom deze stap belangrijk is

Als alles tegelijk laadt wordt je pagina traag. Lazy loading laadt alleen wat zichtbaar is.

Wat dit concreet betekent

Afbeeldingen onder de vouw worden pas geladen bij scrollen.

Hoe je dit toepast

• Voeg loading='lazy' toe aan afbeeldingen onder de vouw.
• Maak uitzondering voor hero-beelden.

Voorbeelden

• 20 afbeeldingen. Zonder lazy loading: 4,5s. Met: 1,2s.

Veelgemaakte fouten

• Lazy loading op hero-beelden.
• Geen placeholder tijdens laden.

Checklist

• [ ] Beelden onder de vouw hebben lazy loading.
• [ ] Hero-beelden laden direct.