Definition
Die Core Web Vitals sind eine von Google definierte Gruppe standardisierter Metriken zur Messung der Nutzererfahrung auf Webseiten, wobei Interaction to Next Paint (INP) spezifisch die Reaktionsfähigkeit einer Seite bewertet. INP misst die Latenz (Verzögerung) aller Klick-, Tipp- und Tastaturinteraktionen während der gesamten Lebensdauer einer Seite und gibt den längsten beobachteten Wert aus.
Bedeutung
Seit März 2024 ersetzt INP die vorherige Metrik First Input Delay (FID) als offizieller Bestandteil der Core Web Vitals und ist damit ein direkter Rankingfaktor für die Google-Suche. Eine niedrige INP-Metrik signalisiert Suchmaschinen und Browsern, dass eine Webseite visuell schnell auf Benutzereingaben reagiert, was Abbrüche durch wartende Nutzer reduziert. In der Webentwicklung gilt ein INP-Wert von unter 200 Millisekunden als Branchenstandard für eine ausreichende Reaktionsfähigkeit.
Funktionsweise
INP erfasst die Zeitspanne zwischen einer Nutzereingabe und dem Moment, in dem der Browser den nächsten Frame (das nächste sichtbare Bild) auf dem Bildschirm rendert (zeichnet). Der Messvorgang unterteilt sich in drei Phasen: die Eingabeverzögerung, die Verarbeitungszeit der Event-Handler (programmierte Reaktionen auf Ereignisse) und die Darstellungsverzögerung. Wenn der Haupt-Thread (die zentrale Verarbeitungseinheit des Browsers) durch komplexe JavaScript-Aufgaben blockiert ist, verzögert sich das visuelle Feedback. Um den INP-Wert zu berechnen, sammelt der Browser die Latenzen aller Interaktionen und wählt bei Seiten mit weniger als 50 Interaktionen den schlechtesten Wert aus. Bei interaktionsreichen Seiten wird das 98. Perzentil (der Wert, unter dem 98 Prozent der Messungen liegen) als finaler INP-Wert herangezogen.
Praxisbeispiel
Ein Nutzer klickt in einem B2B-Onlineshop auf einen Filter für Produktkategorien, woraufhin ein umfangreiches JavaScript-Skript die Artikelliste im Hintergrund neu sortiert. Wenn dieses Skript den Haupt-Thread für 400 Millisekunden blockiert, bevor ein Ladesymbol (Spinner) auf dem Bildschirm erscheint, registriert der Browser einen hohen INP-Wert. Durch die Aufteilung der Sortieraufgabe in kleinere, asynchrone Code-Blöcke kann der Browser das Ladesymbol sofort anzeigen, wodurch der INP-Wert auf unter 100 Millisekunden sinkt.
Verwandte Begriffe
- First Input Delay (FID): Die Vorgängermetrik von INP, die ausschließlich die Verzögerung bei der allerersten Nutzerinteraktion auf einer Seite misst.
- Largest Contentful Paint (LCP): Eine weitere Core Web Vitals-Metrik, die die Ladezeit des größten sichtbaren Elements im Darstellungsbereich erfasst.
- Cumulative Layout Shift (CLS): Eine Metrik zur Messung der visuellen Stabilität, die unerwartete Layout-Verschiebungen während des Seitenaufbaus quantifiziert.
- Main Thread Blocking: Ein Zustand, bei dem die zentrale Verarbeitungseinheit des Browsers durch rechenintensive Aufgaben blockiert ist und keine visuellen Updates durchführen kann.