Interaction to Next Paint (INP)
Interaction to Next Paint, kurz INP, misst, wie schnell eine Webseite sichtbar auf Eingaben reagiert. Der Wert gehört zu den Core Web Vitals und bewertet Interaktionen während des gesamten Seitenbesuchs.
Was misst Interaction to Next Paint?
INP betrachtet beispielsweise Klicks auf Links, Taps auf Schaltflächen und Tastatureingaben. Gemessen wird die Zeit vom Beginn der Eingabe über die Verarbeitung der zugehörigen Ereignisse bis zu dem Zeitpunkt, an dem der Browser den nächsten sichtbaren Frame darstellen kann.
Dadurch berücksichtigt INP mehr als nur die erste Verzögerung. Eine Seite kann schnell geladen sein und trotzdem einen schlechten INP haben, wenn sie bei späteren Interaktionen immer wieder ins Stocken gerät.
Scrolling und Zoomen zählen nicht zu den für INP berücksichtigten Interaktionen.
Welcher INP-Wert ist gut?
Google empfiehlt einen INP von höchstens 200 Millisekunden. Zwischen 200 und 500 Millisekunden besteht Verbesserungsbedarf. Werte über 500 Millisekunden gelten als schlecht. Bewertet werden üblicherweise Felddaten am 75. Perzentil der Seitenaufrufe.
Der Wert beschreibt also nicht, wie schnell eine einzelne Testinteraktion auf dem Computer eines Entwicklers reagiert. Entscheidend ist die Erfahrung realer Besucherinnen und Besucher.
Warum hat INP FID ersetzt?
Der frühere Core-Web-Vitals-Messwert First Input Delay, kurz FID, betrachtete nur die erste Interaktion und dabei hauptsächlich die Verzögerung bis zum Beginn der Verarbeitung.
INP berücksichtigt dagegen Interaktionen während des gesamten Seitenbesuchs und misst einen größeren Teil des tatsächlichen Reaktionsablaufs. Google ersetzte FID am 12. März 2024 durch INP als Core Web Vital.
Was verursacht einen schlechten INP?
Eine häufige Ursache ist zu viel Arbeit auf dem Main Thread des Browsers. Umfangreiches JavaScript kann ihn so lange beschäftigen, dass Eingaben nicht sofort verarbeitet werden.
Auch komplizierte Ereignisbehandlung, große DOM-Strukturen oder aufwendige Rendering-Vorgänge können Reaktionen verzögern. Besonders problematisch sind lange Aufgaben, während deren Ausführung der Browser kaum Zeit für Nutzereingaben hat.
Wie lässt sich INP verbessern?
JavaScript sollte möglichst wenig unnötige Arbeit während einer Interaktion erledigen. Große Aufgaben können aufgeteilt und nicht unmittelbar benötigte Berechnungen verschoben werden.
Außerdem lohnt sich die Prüfung, welche Skripte überhaupt notwendig sind. Drittanbieter-Skripte, große Bibliotheken oder unnötig umfangreicher Anwendungscode können die Reaktionsfähigkeit beeinträchtigen.
INP solltest Du möglichst mit echten Nutzerdaten beobachten. Labortests helfen anschließend dabei, konkrete langsame Interaktionen technisch zu analysieren.
Bedeutung für SEO
INP gehört gemeinsam mit LCP und CLS zu den Core Web Vitals. Google empfiehlt gute Werte sowohl für die Nutzererfahrung als auch im Zusammenhang mit der Suche. Gleichzeitig bestehen die Ranking-Systeme aus vielen verschiedenen Signalen.
Ein guter INP ist deshalb kein einzelner Garant für gute Rankings. Er zeigt vor allem, ob sich Deine Website für reale Nutzerinnen und Nutzer reaktionsschnell anfühlt.
Häufige Fragen
Was ist Interaction to Next Paint?
Interaction to Next Paint misst, wie lange eine Webseite nach einer Nutzerinteraktion bis zur nächsten sichtbaren Darstellung benötigt.
Welcher INP-Wert ist gut?
Ein INP von höchstens 200 Millisekunden gilt als gut. Zwischen 200 und 500 Millisekunden besteht Verbesserungsbedarf.
Ist INP ein Core Web Vital?
Ja. INP gehört zu den Core Web Vitals und ersetzte im März 2024 den früheren Messwert First Input Delay.