Wat is Afbeelding Laadattribuut Bouwer?
Afbeelding Laadattribuut Bouwer is een browsertool voor deze taak: Maak geoptimaliseerde img tags door loading, decoding en fetchpriority te combineren. De uitvoer blijft leesbaar, zodat je die kunt controleren voordat je hem publiceert.
Quick answer
Use loading='lazy' for below-the-fold images to defer loading until the user scrolls near them. Use loading='eager' or omit the attribute for above-the-fold images that should load immediately.
Limitations
- Lazy loading defers image requests but does not reduce total page weight -- images still download when scrolled into view.
- The browser reserves placeholder space for lazy images even before they load, which can affect layout if width and height attributes are missing.
- Using loading='lazy' on above-the-fold images can delay LCP and hurt user experience.
Zo gebruik je deze tool
- Open de tool en vul de relevante waarden in.
- Controleer de uitvoer in het resultaatpaneel.
- Kopieer alleen het deel dat bij je página past.
- Test de wijziging voordat je publiceert.
Waarvoor je het kunt gebruiken
- Terugkerend publicatiewerk sneller afronden.
- Markup, CSS of checklists voorbereiden voor een launch.
- Kleine fouten vermijden die bij statische sites makkelijk worden gemist.