Tools

Core-Web-Vitals-Grenzwerte: LCP, INP und CLS

Lesen Sie Grenzen zusammen mit den Messbedingungen, die ihre Aussage bestimmen.

Largest Contentful Paint (LCP)

Definition

Renderzeit des größten sichtbaren Bildes, Videoframes oder Textblocks im Viewport, gemessen ab Beginn des Seitenladens.

So wird gemessen

Chrome erfasst den Wert bei realen Nutzern, Lighthouse im Labor. Für Felddaten zählt das 75. Perzentil der Seitenaufrufe.

CrUX-Felddaten verwenden das 75. Perzentil eines rollierenden 28-Tage-Zeitraums; einzelne Labortests sind etwas anderes.

Grenzwerte

  • Gut Gut: 2.5 s oder weniger
  • Verbesserungsbedarf Verbesserungsbedarf: über 2.5 s bis einschließlich 4.0 s
  • Schlecht Schlecht: mehr als 4.0 s

So verbessern Sie den Wert

  • Machen Sie den voraussichtlichen LCP-Inhalt möglichst im initialen HTML auffindbar.
  • Laden Sie das LCP-Bild nicht verzögert; setzen Sie fetchpriority="high" gezielt für das wichtige Anfangsbild ein.
  • Verkürzen Sie die Serverantwortzeit und beseitigen Sie renderblockierendes CSS und JavaScript.
  • Nutzen Sie responsive, komprimierte Bilder in modernen Formaten.

Die Grenzwerte folgen Googles veröffentlichten Empfehlungen. Prüfen Sie Änderungen in der verlinkten Dokumentation. web.dev

So verwenden Sie das Werkzeug

  1. Bestimmen Sie Metrik und Einheit im ursprünglichen Bericht.
  2. Prüfen Sie, ob es sich um Felddaten am 75. Perzentil oder einen einzelnen Labortest handelt.
  3. Vergleichen Sie den Wert mit den drei Bereichen gut, verbesserungsbedürftig und schlecht.
  4. Nutzen Sie die passende Anleitung, um einen Wert außerhalb des guten Bereichs zu untersuchen.

Halten Sie Mobilgeräte und Desktop getrennt. Prüfen Sie außerdem URL- oder Origin-Umfang. Die Grenzwerte können beide einordnen, der Umfang bestimmt jedoch die Aussage über eine einzelne Seite.

Bedeutung der Ergebnisse

LCP beschreibt das Laden des größten geeigneten sichtbaren Inhalts. Gut sind höchstens 2,5 Sekunden. Über 2,5 bis einschließlich 4,0 Sekunden besteht Verbesserungsbedarf; darüber ist der Wert schlecht.

INP misst Reaktionsfähigkeit bei geeigneten Interaktionen. Gut sind höchstens 200 Millisekunden. Über 200 bis einschließlich 500 Millisekunden besteht Verbesserungsbedarf; darüber ist der Wert schlecht.

CLS misst unerwartete Layoutbewegung ohne Zeiteinheit. Gut ist höchstens 0,1. Über 0,1 bis einschließlich 0,25 besteht Verbesserungsbedarf; darüber ist der Wert schlecht. Ergänzen Sie keine Sekunden oder Millisekunden.

Diese Bereiche entsprechen Googles Core-Web-Vitals-Dokumentation. Sie sind nicht die Lighthouse-Skala von 0 bis 100. Die Einführung erklärt das Zusammenspiel von Metriken und Werkzeugen.

Was bedeutet das 75. Perzentil?

Der p75 liegt ungefähr auf oder über drei Vierteln der beobachteten Werte der betreffenden Population. Er ist weder Mittelwert noch schnellster Test. Damit lässt sich beurteilen, ob ein breiter Anteil der Besuche die Ziele erreicht.

Ein einzelner Labortest hilft bei der Diagnose, bestimmt aber kein Populationsperzentil. Lesen Sie den Vergleich von Feld und Labor, bevor Sie unterschiedliche Erhebungsverfahren oder Zeiträume vergleichen.

Was geschieht bei einer fehlenden Metrik?

Fehlende Daten bleiben fehlend. Ein Besuch ohne geeignete Interaktion liefert keinen INP. Für eine Seite können außerdem ausreichende geeignete Feldbeobachtungen fehlen.

Lesen Sie die Regeln des Quellwerkzeugs. PSI kann gute LCP- und CLS-Werte bei unzureichendem INP bewerten; ohne genügend LCP oder CLS ist keine Bewertung möglich. Das erlaubt weder erfundene INP-Werte noch die Übernahme von einer anderen Seite.

Wie gehe ich mit grenznahen Werten um?

Bewahren Sie Zahlen und Verteilungen auf, nicht nur Farben. Kleine Regressionen können eine Grenze überschreiten, und Rundung kann Unterschiede verbergen. Untersuchen Sie repräsentative Seiten und wiederholen Sie vergleichbare Tests.

Nutzen Sie den Core-Web-Vitals-Prüfer für vorhandene Messungen und anschließend die passende Implementierungsanleitung. Ein Grenzwert unterstützt Priorisierung, garantiert jedoch weder Rankings noch eine gute Erfahrung für jeden Besucher.

Passende Anleitungen