Web

LCP, INP, CLS: Was die drei Kuerzel wirklich messen

Kleiner Aufwand, grosser Effekt: So verbessert ihr eure Core Web Vitals ohne unrealistische Rundum-Erneuerung.

LCP, INP, CLS, drei Abkuerzungen, die im Search Ranking eine Rolle spielen. Und die viele falsch interpretieren.

Was gemessen wird

Largest Contentful Paint zeigt, wann das groesste sichtbare Element im Viewport erscheint, oft ein Hero-Bild oder ein grosser Textblock, direkt beeinflussbar. Interaction to Next Paint misst, wie schnell die Seite auf Interaktionen reagiert, der neueste und schwierigste der drei Werte, weil er von JavaScript-Ausfuehrungszeiten abhaengt. Cumulative Layout Shift erfasst, ob Inhalte beim Laden springen, meist verursacht durch Bilder ohne definierte Groesse oder nachgeladene Schriften.

Wie man den aktuellen Stand misst

Die Google Search Console hat einen eigenen CWV-Bericht, PageSpeed Insights zeigt sowohl Lab- als auch Field-Daten, und der Chrome DevTools Performance-Tab liefert die tiefere Analyse. Wichtig dabei: Lab-Daten sind simuliert, Field-Daten stammen von echten Nutzern und koennen stark abweichen, sind aber relevanter, sofern genug Traffic vorhanden ist.

Quick Wins nach Prioritaet

Fuer LCP: Bildoptimierung in modernen Formaten, hohe Ladepriorisierung fuer das Hero-Bild, kein Lazy Loading oberhalb der Sichtgrenze, reduzierte Server-Antwortzeit. Fuer INP: lange JavaScript-Tasks identifizieren, Code Splitting, Drittanbieter-Skripte asynchron laden. Fuer CLS: alle Bilder mit definierter Breite und Hoehe, kontrollierte Font-Loading-Strategie, reservierter Platz fuer dynamisch eingefuegten Content.

Wer im gruenen Bereich liegt, LCP unter 2,5 Sekunden, INP unter 200 Millisekunden, CLS unter 0,1, sollte andere SEO-Faktoren nicht vernachlaessigen, denn Core Web Vitals sind ein Ranking-Faktor unter vielen, kein alles ueberragender.

Checkliste: Aktuelle Werte gemessen, LCP-Element identifiziert und optimiert, alle Bilder mit definierten Dimensionen, lange JavaScript-Tasks reduziert, Font-Loading-Strategie geprueft, CWV-Monitoring eingerichtet.

Ein Beispiel aus der Praxis

Eine Website erreichte laut Lab-Daten in PageSpeed Insights durchgehend gruene Werte, waehrend die Field-Daten in der Google Search Console INP-Werte im roten Bereich zeigten. Der Unterschied laesst sich meist so erklaeren: Lab-Tests laufen auf leistungsstarker Testhardware mit schnellem Netz, echte Nutzer greifen dagegen oft ueber aeltere Mobilgeraete und schwaechere Verbindungen zu. Erst eine gezielte Analyse mit gedrosselter CPU-Simulation deckte auf, dass ein Drittanbieter-Skript fuer Chat-Support den Main Thread deutlich laenger blockierte, als es die Lab-Umgebung vermuten liess.

Eure Werte liegen bei needs improvement oder poor? markom.digital macht Performance-Audits fuer Websites und setzt die Massnahmen direkt um.

Weitere Beiträge