Core Web Vitals messen drei Dinge: wie schnell der Hauptinhalt erscheint, wie stabil das Layout bleibt und wie zügig die Seite auf Eingaben reagiert. Auf Portfolios entscheidet fast immer das erste Bild über alle drei Werte.
LCP: das grösste Element zuerst
Auf einer Bildseite ist das grösste Element ein Bild. Es braucht Vorrang beim Laden, eine passende Grösse für das Ausgabegerät und einen echten Zwischenwert — ein niedrig aufgelöster Platzhalter in derselben Geometrie ist besser als leerer Raum.
CLS: nie ohne Seitenverhältnis
Jedes Bild braucht Breite und Höhe oder ein gesetztes aspect-ratio im CSS, sonst springt der Text beim Nachladen. Das ist der häufigste Fehler in selbstgebauten Galerien und mit einer Zeile behoben.
INP: JavaScript ist der Engpass
Aufwändige Scroll-Effekte blockieren die Eingabeverarbeitung. Wer Animationen auf transform und opacity beschränkt und Scroll-Listener passiv registriert, bleibt auch auf älteren Telefonen unter den empfohlenen 200 Millisekunden.
Messen statt schätzen
Der Lighthouse-Wert im Labor ist eine Näherung. Entscheidend sind Felddaten echter Besucher; sie zeigen, dass Mobilfunk und ältere Geräte die eigentliche Messlatte sind, nicht der Rechner im Studio.