SEO

INP (Interaction to Next Paint)

Auch bekannt als: INP, Interaction to Next Paint

Der Interaction to Next Paint (INP) ist seit März 2024 die Core-Web-Vitals-Interaktivitäts-Metrik, die FID (First Input Delay) abgelöst hat. INP misst die Reaktionszeit auf alle Klicks, Taps und Tastatur-Events einer Session und nimmt das schlechteste Perzentil (oft das 98. Perzentil). Damit ist sie strenger als FID, das nur das erste Input-Event gemessen hat. Ziel: Unter 200 ms für „Good", 200–500 ms für „Verbesserung nötig", über 500 ms für „Schlecht".

Was INP konkret misst

Jedes Klick-, Tap- oder Tastatur-Event triggert eine Messung: Vom Moment des Inputs bis zum nächsten visuellen Update auf dem Bildschirm. Wenn der Browser durch schweren JS-Code blockiert ist, dauert es, bis das visuelle Update kommt — INP zeigt diese Lag-Zeit. Wichtig: INP misst nicht nur die ersten Klicks (wie FID), sondern alle Interaktionen einer Session — wer auf Seite 3 nach 10 Sekunden ein schweres Filter-Event triggert, beeinflusst INP genauso wie das erste Klick.

INP optimieren

Long Tasks aufbrechen — JS-Code, der länger als 50 ms am Main-Thread läuft, blockiert INP. scheduler.yield() oder requestIdleCallback nutzen.
Heavy JS-Bundles splitten — Code-Splitting mit dynamic imports.
3rd-Party-Scripts isolieren — Tag Manager, Ads, Chat-Widgets sind häufige INP-Killer. Web Workers oder async-Loading.
React/Vue-Optimierung — useMemo, useCallback, virtualisierte Listen.
Event-Handler-Optimierung — Debouncing/Throttling auf Scroll, Input, Resize.
CSS-Hover-Effekte mit transform und opacity statt mit Layout-triggernden Properties.

INP-Diagnose-Tools

Chrome DevTools Performance Panel — Recording mit Long Tasks visualisiert.
web-vitals.js Library — Echtzeit-INP-Messung mit Element-Attribution.
CrUX Dashboard — INP-Werte je URL über Zeit.
Lighthouse — synthetischer INP-Score plus Diagnose-Hinweise.
WebPageTest — INP plus Long-Task-Visualisierung.

Praxisbeispiel

Beispiel: Ein React-Shop hatte INP 380 ms (Verbesserung nötig). Audit: Beim Klick auf „Größe ändern"-Buttons triggerte ein 220-ms-Long-Task durch un-memoisierte React-Re-Renders der gesamten Produktliste. Optimierung: useMemo für Produkt-Liste, virtualisierte Liste statt voll-gerenderter, Filter-Logik in Web Worker ausgelagert. Nach 6 Wochen: INP 140 ms (Good). Ranking-relevant: Domain hat im Mobile-First-Index INP-Werte im Sweet Spot, ohne dass am Rest der Performance etwas geändert wurde.

Wird in Rankmio genutzt fuer

INP-Audit im SEO-Check

Zur Funktion →

Letzte Aktualisierung: 2026-06-17 · Alle Glossar-Eintraege ansehen