HTML und CSS · Middle · Frage 19 von 75
Welche Technik verhindert Layout-Verschiebungen durch ladende Bilder am besten?
- 1Jedem Bild
loading="lazy"geben, damit sie später laden - 2Bilder erst nach dem Event
loadper JavaScript laden - 3
widthundheight(oderaspect-ratio) setzen
Antwort zeigen
Richtige Antwort: width und height (oder aspect-ratio) setzen
Erklärung
Kennt der Browser die Proportionen, reserviert er Platz, bevor die Datei lädt, also springt der Inhalt nicht. Moderne Browser berechnen aspect-ratio automatisch aus den Attributen width/height. Lazy Loading ohne Maße verschlimmert Verschiebungen, und Laden per JS schadet LCP.