Interaction to Next Paint (INP) ist ein neues Core Web Vital, das die allgemeine Reaktionsfähigkeit einer Seite auf Benutzerinteraktionen misst. Es beobachtet die Latenz aller Klicks, Taps und Tastaturinteraktionen, die ein Benutzer während seines Besuchs auf einer Seite ausführt, und meldet einen einzigen, repräsentativen Wert. Diese Metrik ersetzt First Input Delay (FID) als primäres Maß für die Interaktivität und bietet eine umfassendere Bewertung der Reaktionsfähigkeit über den gesamten Lebenszyklus der Seite hinweg.
Ein guter INP-Wert liegt typischerweise bei 200 Millisekunden oder weniger. Für Entwickler bedeutet die Optimierung von INP, sicherzustellen, dass deine Website schnell auf Benutzereingaben reagiert. Hohe INP-Werte deuten oft darauf hin, dass der Hauptthread des Browsers mit anderen Aufgaben beschäftigt ist, wie z.B. der Ausführung großer JavaScript-Bundles, dem Rendern komplexer Layouts oder der Verarbeitung schwerer Netzwerkanfragen, was die visuelle Rückmeldung an den Benutzer verzögert.
Um INP zu verbessern, konzentriere dich auf die Reduzierung der JavaScript-Ausführungszeit, das Aufteilen langer Aufgaben, die Optimierung von Event-Handlern und die Sicherstellung eines effizienten Renderings. Wenn ein Benutzer beispielsweise auf einen Button klickt, um ein Modal zu öffnen, sorgt ein guter INP dafür, dass das Modal fast sofort erscheint und sofortiges visuelles Feedback gibt. Wenn es eine spürbare Verzögerung gibt, könnte dies auf übermäßiges JavaScript zurückzuführen sein, das auf dem Hauptthread läuft und optimiert werden muss.