Tokenlabor

Core Web Vitals bewerten

Core Web Vitals bewerten mit den offiziellen Schwellenwerten: Geben Sie LCP, INP und CLS als Einzelwert oder Messreihe ein und sehen Sie, ob das 75. Perzentil im grünen Bereich liegt.

Je Feld ein Wert oder eine Liste von Messwerten (durch Leerzeichen, Semikolon oder Zeilen getrennt). Bei Listen wird das 75. Perzentil bewertet.

–

 

Schwellenwerte (Stand 2024, gemessen am 75. Perzentil)
Metrikmisstgutverbesserungswürdigschlecht
LCP (Largest Contentful Paint)Ladezeit des größten sichtbaren Elements≤ 2,5 s2,5 bis 4 s> 4 s
INP (Interaction to Next Paint)Reaktionszeit auf Klicks, Tippen und Tasten≤ 200 ms200 bis 500 ms> 500 ms
CLS (Cumulative Layout Shift)Verschieben des Layouts während der Nutzung≤ 0,10,1 bis 0,25> 0,25
FCP (First Contentful Paint), Hilfsmetrikerster sichtbarer Inhalt≤ 1,8 s1,8 bis 3 s> 3 s
TTFB (Time to First Byte), HilfsmetrikAntwortzeit des Servers bis zum ersten Byte≤ 0,8 s0,8 bis 1,8 s> 1,8 s
Zusammenfassung

Alles läuft in Ihrem Browser. Eingaben verlassen Ihr Gerät nicht.

LCP, INP und CLS richtig einordnen

Mit diesem Werkzeug können Sie Core Web Vitals bewerten, also die drei Messwerte, mit denen Google die Nutzererfahrung einer Seite beschreibt: LCP (Largest Contentful Paint) misst, wann das größte sichtbare Element geladen ist, INP (Interaction to Next Paint) die Reaktionszeit auf Eingaben, CLS (Cumulative Layout Shift) wie stark das Layout springt. Seit März 2024 ersetzt INP den früheren Wert FID. Für jede Metrik gibt es Schwellenwerte für gut, verbesserungswürdig und schlecht; das Werkzeug ordnet Ihre Werte ein und zeigt den Abstand zur nächsten Grenze.

Entscheidend ist das 75. Perzentil der Seitenaufrufe, getrennt nach Mobil und Desktop: Drei von vier Besuchen müssen den Grenzwert einhalten. Fügen Sie deshalb gern ganze Messreihen ein, etwa aus eigenem Real-User-Monitoring mit der web-vitals-Bibliothek. Das Werkzeug berechnet das 75. Perzentil nach der Nearest-Rank-Methode und zeigt, welcher Anteil der Messungen in welchem Bereich liegt. Eine Seite besteht die Bewertung nur, wenn LCP, INP und CLS alle im guten Bereich liegen. FCP und TTFB sind Hilfsmetriken, die bei der Ursachensuche helfen, aber nicht in das Gesamturteil eingehen.

Grenzen: Die Bewertung ersetzt keine Messung. PageSpeed Insights und der Chrome UX Report berechnen Perzentile aus Histogrammen über 28 Tage, daher können die Zahlen leicht abweichen. Laborwerte aus Lighthouse sind nur ein Hinweis. Häufige Hebel für bessere Werte: Bilder verkleinern mit dem Bildkompressor, feste Breite und Höhe für Bilder gegen Layoutsprünge, weniger JavaScript im Hauptthread und gutes Caching mit dem Cache-Control-Generator.

Anleitung: Core Web Vitals bewerten in 4 Schritten

  1. Bei „LCP“, „INP“ und „CLS“ je einen Wert oder eine Liste von Messwerten eintragen, getrennt durch Leerzeichen oder Zeilen.
  2. Optional FCP und TTFB ergänzen, die als Hilfsmetriken mitbewertet werden.
  3. Die Bewertung je Metrik und die Gesamtaussage lesen: bestanden nur, wenn alle drei im grünen Bereich liegen.
  4. Bei Listen die Verteilung auf gut, verbesserungswürdig und schlecht ansehen und die Zusammenfassung kopieren.

Typische Anwendungsfälle

  • Messwerte aus eigenem Real-User-Monitoring mit den offiziellen Schwellen abgleichen.
  • Für einen Bericht an Kunden oder Vorgesetzte eine verständliche Bewertung je Metrik erzeugen.
  • Vor und nach einer Optimierung prüfen, ob das 75. Perzentil die Grenze überschritten hat.
  • Laborwerte aus Lighthouse grob einordnen, bevor Felddaten vorliegen.
Fragen

Häufige Fragen

Welche Werte gelten als gut?

LCP bis 2,5 Sekunden, INP bis 200 Millisekunden und CLS bis 0,1, jeweils gemessen am 75. Perzentil der Seitenaufrufe. Schlecht sind LCP über 4 Sekunden, INP über 500 Millisekunden und CLS über 0,25.

Warum das 75. Perzentil und nicht der Durchschnitt?

Der Durchschnitt wird von wenigen sehr schnellen oder sehr langsamen Aufrufen verzerrt. Das 75. Perzentil sagt: Drei Viertel der Besuche waren mindestens so gut. So zählen auch langsamere Geräte und Netze mit.

Was hat INP mit FID zu tun?

INP hat im März 2024 First Input Delay als Core Web Vital abgelöst. FID maß nur die Verzögerung der ersten Eingabe, INP berücksichtigt alle Interaktionen eines Besuchs und die Zeit bis zur sichtbaren Reaktion.

Beeinflussen Core Web Vitals das Google-Ranking?

Sie sind Teil der Signale zur Seitenerfahrung. Google beschreibt sie als einen Faktor unter vielen; relevante Inhalte wiegen schwerer. Gute Werte verbessern aber in jedem Fall die Erfahrung der Besucher.

Warum unterscheiden sich PageSpeed-Laborwerte von den Felddaten?

Der Labortest misst einen einzelnen simulierten Seitenaufruf mit festem Gerät und Netz. Felddaten stammen von echten Besuchern über 28 Tage mit sehr unterschiedlichen Geräten. INP lässt sich im Labor gar nicht messen, dort dient Total Blocking Time als Ersatz.

Gelten die Schwellen für Mobil und Desktop gleich?

Ja, die Grenzwerte sind identisch. Ausgewertet werden die Daten aber getrennt nach Gerätetyp, deshalb kann eine Seite auf dem Desktop bestehen und mobil durchfallen.

Weitere Werkzeuge

Das könnte auch helfen

Alle 558 Werkzeuge

Farbumwandler

HEX, RGB, HSL, HSV, CMYK und OKLCH ineinander umrechnen, mit Farbwähler, Vorschau und Farbtönen.

Öffnen

Farbpalette aus Bild

Die wichtigsten 5 bis 10 Farben eines Bildes als HEX-Codes ermitteln, lokal im Browser.

Öffnen

Kontrast prüfen (WCAG)

Kontrastverhältnis zweier Farben nach WCAG prüfen, AA und AAA, mit Vorschlag für passende Farbtöne.

Öffnen

CSS-Gradient-Generator

Linearen, radialen und konischen Farbverlauf zusammenstellen und den CSS-Code kopieren.

Öffnen

Box-Shadow-Generator

CSS-Schatten mit mehreren Ebenen, inset und Deckkraft einstellen, Vorschau sehen, Code kopieren.

Öffnen

Flexbox-Generator

Flexbox-Eigenschaften per Auswahl setzen, die Wirkung live sehen und das CSS kopieren.

Öffnen