Next.js · Junior · Frage 18 von 75
Was bringt die Komponente <Image> aus next/image?
- 1Nur eine kürzere Schreibweise für ein normales
<img> - 2Wahl von Größe und Format, Lazy Loading, kein CLS
- 3Laden von Bildern über WebSocket für schnelleres Rendern
Antwort zeigen
Richtige Antwort: Wahl von Größe und Format, Lazy Loading, kein CLS
Erklärung
next/image erzeugt srcset, liefert moderne Formate (WebP/AVIF), lädt standardmäßig lazy und reserviert dank width/height (oder fill) Platz, was Layout-Verschiebungen verhindert. Für das LCP-Bild nutzt man preload (früher priority).