Interaction to Next Paint (INP)

Interaction to Next Paint ist seit dem 12. Maerz 2024 die offizielle Core-Web-Vitals-Metrik fuer Interaktivitaet und hat First Input Delay (FID) abgeloest. Der entscheidende Unterschied: Waehrend FID nur die erste Interaktion auf einer Seite gemessen hat, erfasst INP die Latenz aller Interaktionen waehrend des gesamten Besuchs -- Klicks, Tap-Events und Tastatur-Eingaben.

Die Bewertungsskala: Gut (unter 200 ms), verbesserungsbeduerftig (200-500 ms) und schlecht (ueber 500 ms). Die Messung erfolgt als 75-Perzentil der schlechtesten Interaktionen einer Session. Ein einzelner langsamer Klick kann also den gesamten INP-Wert negativ beeinflussen.

INP ist besonders relevant fuer interaktive Websites: SPAs, Online-Shops mit Warenkorb, Konfiguratoren, Formulare mit Live-Validierung. Klassische Content-Websites haben oft gute INP-Werte, weil sie wenig JavaScript ausfuehren.

Typische INP-Killer sind: Long Tasks im Main Thread (ueber 50 ms), unoptimierte Event-Listener, schwere React-Re-Renders, synchrone localStorage/sessionStorage-Zugriffe, grosse Third-Party-Skripte (Facebook Pixel, Hotjar, Meta CAPI), und nicht-debounce'te Input-Handler.

Optimierungsansaetze: Code-Splitting mit dynamischen Imports, requestIdleCallback fuer nicht-kritische Arbeit, debounce/throttle bei Event-Handlern, React-Memoization, useTransition fuer nicht-urgent Updates, und Web Workers fuer schwere Berechnungen. Third-Party-Skripte sollten lazy geladen werden.

Fuer Unternehmen gilt: Ein guter INP-Wert ist nicht nur SEO-relevant, sondern auch Conversion-relevant. Google's Internal Data zeigt, dass Websites mit INP unter 200 ms bis zu 15 % hoehere Conversion-Raten haben als langsamere Wettbewerber.