Was ist Interaction to Next Paint (INP)?

Interaction to Next Paint (INP) misst, wie schnell eine Website nach einer Nutzerinteraktion sichtbar reagiert. Erfasst werden zum Beispiel Klicks, Taps und Tastatureingaben, also Momente, in denen Besucher unmittelbar eine Reaktion erwarten.

Warum hat INP First Input Delay ersetzt?

INP gehört zu den Core Web Vitals und hat am 12. März 2024 First Input Delay (FID) als Responsiveness-Metrik ersetzt. Der Grund: FID betrachtete nur die erste Eingabeverzögerung. INP bewertet dagegen Interaktionen über die gesamte Seitennutzung hinweg und ist damit näher an der tatsächlichen Bedienerfahrung.

Ein guter INP liegt bei höchstens 200 Millisekunden. Zwischen 200 und 500 Millisekunden besteht Verbesserungsbedarf. Werte über 500 Millisekunden gelten als schlecht. Bei solchen Verzögerungen fühlt sich eine Website für Nutzer spürbar träge an, selbst wenn sie optisch bereits geladen ist.

Was verursacht schlechte INP-Werte?

INP-Probleme entstehen häufig durch schwere JavaScript-Verarbeitung im Hauptthread. Wenn der Browser gerade große Skripte ausführt, kann er nicht sofort auf Nutzereingaben reagieren. Typische Ursachen sind Tracking- und Marketing-Skripte, komplexe Slider, Page-Builder-Logik, Chat-Widgets, ungenutzte JavaScript-Bundles oder aufwendige Event-Handler.

Bei WordPress-Websites treten solche Effekte oft durch Plugin-Kombinationen auf. Ein einzelnes Plugin wirkt unauffällig, aber zehn kleine Skriptquellen können zusammen dafür sorgen, dass Buttons, Menüs oder Formularfelder verzögert reagieren.

INP kann auch bei Seiten auffallen, die im ersten Eindruck schnell wirken. Die Seite ist sichtbar, aber der Browser ist im Hintergrund noch beschäftigt. Genau dann entsteht die störende Lücke zwischen Nutzeraktion und sichtbarer Reaktion.

Warum ist INP für Unternehmen relevant?

INP betrifft nicht nur technische Messwerte. Wenn ein Kontaktformular spät reagiert, ein Menü hakelig öffnet oder ein Shop-Button verzögert Feedback gibt, wirkt die Seite unsicher. Nutzer klicken doppelt, brechen ab oder verlieren Vertrauen in den Prozess.

Darum sollte INP zusammen mit Largest Contentful Paint (LCP) und Cumulative Layout Shift (CLS) bewertet werden. LCP beschreibt den ersten sichtbaren Eindruck, INP die Bedienbarkeit danach.

Wie verbessert man INP?

Eine gute Performance-Optimierung reduziert unnötige JavaScript-Arbeit und priorisiert echte Nutzerinteraktionen. Dazu gehören das Entfernen ungenutzter Skripte, das Aufteilen großer Aufgaben, das verzögerte Laden nicht kritischer Dienste und die Prüfung von Plugins, die auf jeder Seite Assets ausgeben.

Auch die technische Architektur spielt eine Rolle. Statische Inhalte sollten nicht unnötig viel clientseitiges JavaScript benötigen. Interaktive Funktionen sollten gezielt dort geladen werden, wo sie gebraucht werden. Für die Detailmessung helfen Chrome DevTools, Lighthouse, PageSpeed Insights und die web.dev-Dokumentation zu Interaction to Next Paint.

In der Umsetzung lohnt sich ein Blick auf die wichtigsten Nutzerpfade: Navigation öffnen, Formular ausfüllen, Filter bedienen, Produkt in den Warenkorb legen oder Kontakt-Tab wechseln. Dort muss die Seite unmittelbar reagieren, weil Verzögerungen direkt Vertrauen und Abschlusswahrscheinlichkeit beeinflussen.