Wat is Afbeelding Laadattribuut Bouwer?
Moderne img-tags profiteren van loading (lui laden), decoding (decodering) en fetchpriority (prioriteit). Ze correct samen gebruiken is beter dan afzonderlijk.
Snel antwoord
Gebruik loading="lazy" voor onder-de-vouw afbeeldingen. Gebruik loading="eager" voor afbeeldingen boven de vouw die direct moeten laden.
Last updated: 2026-05-25
Beperkingen
- Lui laden stelt verzoeken uit maar vermindert totaal gewicht niet.
- Plaatshouderruimte kan layout beïnvloeden zonder width/height.
- Lazy loading op boven-de-vouw afbeeldingen schaadt LCP.
Sources:MDN Web Docs · W3C Specifications · jquery.app on GitHub
Zo gebruik je deze tool
- Kies de afbeeldingsuse case.
- De tool stelt de aanbevolen attribuutcombinatie in.
- Voer pad, afmetingen en alt-tekst in.
- Kopieer de img-tag.
Waarvoor je het kunt gebruiken
- Bouw een hero img met loading="eager", decoding="sync", fetchpriority="high".
- Maak lui-geladen afbeeldingen met loading="lazy".
- Optimaliseer galerijen met de juiste attributen.