INP (Interaction to Next Paint) ist eine Core Web Vitals-Metrik, die die längste Interaktion-zu-Paint-Latenz auf einer Seite während des Besuchs des Nutzers misst und FID im März 2024 ersetzt.
Eine "Interaktion" ist ein Klick, Tipp oder Tastendruck, der JavaScript auslöst. INP misst die schlimmste Latenz unter allen Interaktionen, nicht den Durchschnitt, sodass ein langsamer Filterklick INP für eine gesamte Sitzung ruinieren kann. Schwellenwerte für 2026: ≤ 200ms gut, ≤ 500ms Verbesserungsbedarf, > 500ms schlecht.
Häufige INP-Lösungen für E-Commerce: Reduzierung von client-seitigem JavaScript über React Server Components, Verwendung von startTransition für nicht dringende Statusaktualisierungen, Verwendung von useOptimistic für sofortiges Feedback beim Variantenwechsel und Hinzufügen zum Warenkorb, Debouncing von Suchfeldern mit AbortController, Regex-Literale aus Ereignis-Handlern herausheben und nicht kritische Drittanbieter-Skripte aufschieben.
INP ist schwieriger zu beheben als LCP, da jede Interaktion einen anderen Engpass haben kann. Die Behebung von INP erfordert Disziplin auf Komponentenebene für jedes interaktive Element auf der Seite.