Was ist Bild-Ladeattribut-Builder?
Bild-Ladeattribut-Builder ist ein Browser-Tool für diese Aufgabe: Erstelle optimierte img-Tags durch Kombination von loading, decoding und fetchpriority. Die Ausgabe bleibt lesbar, damit du sie vor dem Einbau in eine Live-Seite prüfen kannst.
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.
So nutzt du dieses Tool
- Öffne das Tool und trage die relevanten Werte ein.
- Prüfe die erzeugte Ausgabe im Ergebnisfeld.
- Kopiere nur den Teil, der zu deiner Seite passt.
- Teste die Änderung im Browser, bevor du sie veröffentlichst.
Wofür du es nutzen kannst
- Wiederkehrende Publishing-Aufgaben schneller erledigen.
- Markup, CSS oder Checklisten vor einem Launch vorbereiten.
- Kleine Fehler vermeiden, die bei statischen Websites leicht übersehen werden.