HTML und CSS · Middle · Frage 23 von 75
Was macht loading="lazy" an <img>, und wann sollte man es NICHT nutzen?
- 1Lädt das Bild in einem Hintergrund-Thread; nicht auf Mobilgeräten
- 2Komprimiert das Bild im Browser in Echtzeit; nicht bei transparenten PNGs
- 3Verschiebt das Laden, bis das Bild nah am Viewport ist; nicht beim LCP-Bild
Antwort zeigen
Richtige Antwort: Verschiebt das Laden, bis das Bild nah am Viewport ist; nicht beim LCP-Bild
Erklärung
Natives Lazy Loading spart Bandbreite bei Bildern unterhalb des sichtbaren Bereichs. Für ein Hero-Bild schadet es aber: Der Browser beginnt später zu laden, und LCP leidet. Für ein wichtiges Bild nutzt man stattdessen fetchpriority="high". Mit Kompression oder Formaten hat das Attribut nichts zu tun.