Web

INP (Interaction to Next Paint)

Kurzdefinition

INP ist die Core-Web-Vitals-Kennzahl, die die Zeit zwischen einem Klick oder Tipp und der sichtbaren Reaktion der Seite misst.

Nachdem die Seite geladen ist, misst INP die Zeit, die der Browser braucht, um einen Klick auf eine Schaltfläche oder das Öffnen eines Menüs auf dem Bildschirm sichtbar umzusetzen. Der gemeldete Wert liegt nahe an der langsamsten Interaktion des gesamten Besuchs.

Sie erscheint in Search Console und PageSpeed Insights. Der offizielle Schwellenwert liegt bei 200 Millisekunden: darunter gilt als gut, 200 bis 500 Millisekunden als verbesserungswürdig, darüber als schlecht. Sie löste 2024 die ältere First-Input-Delay-Kennzahl ab.

Sie wird oft mit FID verwechselt, das nur die erste Interaktion maß. INP erfasst dagegen jede Interaktion auf der Seite und spiegelt damit die tatsächliche Erfahrung genauer wider.

Der häufigste Fehler ist, die Arbeit hinter einem Klick, etwa das Hinzufügen zum Warenkorb oder das Anwenden eines Filters, als eine lange JavaScript-Aufgabe auszuführen, die den Hauptthread blockiert. Richtig ist, diese Arbeit in kleinere Schritte aufzuteilen: Sie aktualisieren den Bildschirm sofort und lassen aufwendige Berechnungen erst danach laufen, sodass der Browser auf die Berührung sofort reagiert.

Warum es wichtig ist

Reagiert eine Schaltfläche träge, tippt der Besucher erneut oder gibt auf. Ein niedriger INP hält Vorgänge wie das Ausfüllen eines Formulars oder das Hinzufügen zum Warenkorb flüssig und senkt die Abbruchrate.

Beispielszenario

Auf einer Website für Eventtechnik-Vermietung hakte der Datumsauswähler wegen der JavaScript-Last, der INP stieg auf 450 Millisekunden; durch Code-Splitting sank er auf 150 Millisekunden.

Verwandte Begriffe

Passender Artikel

Wenn Sie nicht wissen, wo Sie anfangen sollen: Kein Problem, Sie sind hier richtig.

Ihr Projekt kann bereits klar umrissen sein oder noch eine Idee. Beides passt. In einem kurzen Gespräch klären wir gemeinsam, wo Sie stehen und wohin es gehen kann.

Ein Gespräch vereinbaren
Projekt besprechen