Core Web Vitals einfach erklärt

Als grösstes Element zählt ein Bild, ein Video oder ein Textblock im sichtbaren Bereich, auf vielen Websites also das Titelbild oder die grosse Überschrift oben auf der Seite. Solange dieses Element fehlt, hat der Besucher das Gefühl, die Seite lade noch. Unsichtbare Elemente zählen nicht mit: Eine Überschrift, die erst eingeblendet wird, zählt erst, wenn sie tatsächlich zu sehen ist.

Einstufung

• gut: bis 2,5 Sekunden
• verbesserungswürdig: über 2,5 bis 4 Sekunden
• schlecht: über 4 Sekunden

Was LCP bremst

• ein Server, der lange braucht, bis die erste Antwort kommt
• ein grosses Titelbild, das erst spät geladen wird
• Schriften und andere Dateien, die der Browser abwarten muss, bevor er Text zeigt

Sie tippen auf «Menü», und nichts passiert, dann öffnet es sich mit Verzögerung: Genau das erfasst INP. Gemessen wird über den ganzen Besuch; gemeldet wird beim Verlassen der Seite die längste Reaktionszeit, wobei einzelne Ausreisser nicht zählen. Scrollen, Zoomen und das blosse Überfahren mit der Maus gehören nicht dazu. INP hat den früheren Messwert FID abgelöst, der nur die allererste Eingabe berücksichtigte.

Einstufung

• gut: bis 200 Millisekunden
• verbesserungswürdig: über 200 bis 500 Millisekunden
• schlecht: über 500 Millisekunden

Was INP bremst

Meist ist der Browser gerade mit anderem beschäftigt, wenn die Eingabe kommt: mit dem Laden und Ausführen von Skripten, mit aufwendigen Reaktionen auf den Klick oder mit dem Neuaufbau einer sehr umfangreichen Seite. Jede zusätzliche Erweiterung, jedes Werbe- oder Chatfenster bringt eigene Skripte mit.

Sie wollen einen Knopf antippen, im selben Moment lädt darüber ein Bild und schiebt alles nach unten, und Sie treffen etwas anderes. Solche Sprünge entstehen in der Regel, wenn Bilder, Schriften oder eingebettete Inhalte nachträglich eintreffen, also häufig schon beim Laden.

Gezählt wird aber während des ganzen Besuchs: Verschiebungen kurz hintereinander bilden einen Schub, und massgebend ist der stärkste Schub. Verschiebungen innerhalb einer halben Sekunde nach einer Eingabe, etwa weil Sie ein Feld aufklappen, gelten als erwartet und werden nicht mitgerechnet.

Einstufung

• gut: bis 0,1
• verbesserungswürdig: über 0,1 bis 0,25
• schlecht: über 0,25

Was CLS verursacht

• Bilder und Videos ohne feste Abmessungen
• Schriften, die grösser oder kleiner ausfallen als die Ersatzschrift davor
• Anzeigen und eingebettete Inhalte von Dritten, die ihre Grösse nachträglich ändern
• Hinweise oder Leisten, die nachträglich über bestehendem Inhalt eingefügt werden

Labordaten

Eine Labormessung wie Lighthouse in PageSpeed Insights lädt die Seite einmal unter festgelegten Bedingungen: ein simuliertes Gerät, eine vorgegebene Verbindung. Das Ergebnis ist sofort da und gut vergleichbar, deshalb eignet es sich zur Fehlersuche. Eine Grenze hat es: Im Labor klickt niemand, INP lässt sich dort also nicht messen. Als Näherung dient die Total Blocking Time, die Zeit, in der der Browser für Eingaben blockiert ist.

Felddaten

Felddaten stammen aus dem Chrome User Experience Report, also von echten Besuchen mit Chrome in den letzten 28 Tagen. Angezeigt wird das 75. Perzentil: der Wert, den drei Viertel der Aufrufe erreichen oder unterbieten. Auch der Bericht zu den Core Web Vitals in der Search Console beruht auf diesen Daten.

PageSpeed Insights

1. Öffnen Sie pagespeed.web.dev und geben Sie die Adresse einer Seite ein, etwa Ihre Startseite.
2. Sehen Sie sich die Ansicht für Mobilgeräte und die für Computer getrennt an; die Werte unterscheiden sich.
3. Lesen Sie oben die Felddaten, falls vorhanden, und darunter die Labormessung mit ihren Hinweisen.
4. Prüfen Sie wichtige Unterseiten einzeln, denn jede Seite hat ihre eigenen Werte.

Search Console

Haben Sie Ihre Website in der Google Search Console eingerichtet, finden Sie dort den Bericht zu den Core Web Vitals. Er fasst ähnliche Seiten zu Gruppen zusammen, trennt Mobilgeräte und Computer und stuft jede Gruppe als «Gut», «Optimierung erforderlich» oder «Langsam» ein. Nach einer Korrektur können Sie im Bericht eine Prüfung anstossen; Google beobachtet die betroffenen Seiten danach 28 Tage lang.

Ein Tipp aus der Praxis: Halten Sie die Werte vor einer grösseren Änderung fest, damit Sie nachher vergleichen können. Bei einem Neuauftritt ergänzen sie die Vergleichsbasis aus der Checkliste Relaunch ohne Rankingverlust.