Eine schnelle Website muss ihren wesentlichen Inhalt anzeigen, auf Interaktionen reagieren und ihr Layout stabil halten. Die Core Web Vitals betrachten diese Aufgaben mit LCP, INP und CLS. FID gehört nicht mehr zum aktuellen Satz dieser Kennzahlen.
Die drei Kennzahlen einordnen
- LCP: Zeitpunkt, zu dem der größte relevante Inhalt sichtbar wird. Google nennt höchstens 2,5 Sekunden als guten Wert.
- INP: Reaktionsverhalten bei Interaktionen während des Seitenbesuchs. Ein guter Wert liegt nach Googles Einordnung bei höchstens 200 Millisekunden.
- CLS: Unerwartete Layoutverschiebungen. Google nennt höchstens 0,1 als guten Wert.
Diese Grenzen beziehen sich für die Bewertung auf das 75. Perzentil der Felddaten. Eine einzelne schnelle Navigation belegt deshalb keine gute Erfahrung aller Nutzer. Gerät, Verbindung und tatsächliche Interaktionen beeinflussen das Ergebnis.
Im Labor Ursachen untersuchen
Lighthouse und Browserwerkzeuge helfen bei einer kontrollierten Untersuchung. Sie können damit etwa blockierende Ressourcen, Bildgrößen oder lange JavaScript-Aufgaben finden. Ein Lighthouse-Lauf ist jedoch kein Ersatz für die Beobachtung realer Interaktionen; eine Laborkennzahl darf nicht einfach als gemessener INP ausgegeben werden.
Speichern Sie Umgebung und Ablauf der Messung. Prüfen Sie eine Seite mit den tatsächlich geladenen Ressourcen und im gewünschten Zustand. Ein Vergleich wird aussagekräftiger, wenn Eingaben, Gerät und Rahmenbedingungen übereinstimmen.
Eine konkrete Ursache bearbeiten
Wenn das wichtigste Bild zu spät erscheint, untersuchen Sie seinen Abruf und die Abhängigkeiten davor. Wenn Interaktionen warten, suchen Sie nach Aufgaben auf dem Hauptthread. Bei Layoutverschiebungen prüfen Sie unter anderem nachgeladene Inhalte und fehlende Größenangaben.
Das Verschieben einer langen Aufgabe in setTimeout() beseitigt ihre Arbeit nicht. Wählen Sie eine Änderung anhand des gemessenen Ablaufs und prüfen Sie anschließend das Ergebnis erneut. Behalten Sie neben den Kennzahlen die Funktion und Zugänglichkeit der Seite im Blick.
Weiterführende Dokumentation: Google: Web Vitals.