LCP< 2,5s
Largest Contentful Paint
Zeit bis das größte sichtbare Element geladen ist. Meist ein Hero-Bild. Wichtigste Metrik für Bilder.
Fix: LCP-Bild komprimieren, preloaden, WebP verwenden
INP< 200ms
Interaction to Next Paint
Reaktionszeit auf Nutzerinteraktionen. Wenig direkt mit Bildern verknüpft, aber große Bilder blockieren den Browser.
Fix: Keine riesigen Bilder synchron laden
CLS< 0,1
Cumulative Layout Shift
Visuelle Stabilität. Bilder ohne feste Abmessungen verursachen Layout-Sprünge beim Laden.
Fix: width + height Attribute, aspect-ratio in CSS