SEO

INP (Interaction to Next Paint)

Q: Was ist INP (Interaction to Next Paint)?

INP misst die Reaktionszeit einer Seite auf Nutzer-Interaktionen — Klick, Tap, Tastatur. Nachfolger von FID (First Input Delay), seit März 2024 offizieller Core-Web-Vital. Schwellwerte: unter 200ms „gut", 200–500ms „verbesserungsbedürftig", über 500ms „schlecht".

Q: Was ist der Unterschied zu FID?

INP misst alle Interaktionen, FID nur die erste. Realistischer für Nutzer-Erfahrung — eine Seite kann schnell auf ersten Klick reagieren, aber langsam auf spätere. INP zeigt das Worst-Case-Verhalten der Seite.

Q: Was verzögert INP typischerweise?

Drei Ursachen: (1) blockierende JavaScript-Tasks über 50ms, (2) große DOM-Rerenders bei Interaktion, (3) Third-Party-Scripts, die den Main-Thread blockieren. Optimierung: JavaScript-Chunks aufsplitten, Rendering-Optimierung, Third-Party-Audit.

Q: Ist INP schwerer zu optimieren als LCP?

Oft ja — INP-Optimierung braucht tiefere Code-Kenntnisse. LCP lässt sich mit Bild-Optimierung und CSS-Struktur meist einfach verbessern. INP erfordert JavaScript-Analyse, Rendering-Optimierung, oft Framework-spezifische Kenntnisse.

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.

Haeufige Fragen

Was ist INP (Interaction to Next Paint)?

INP misst die Reaktionszeit einer Seite auf Nutzer-Interaktionen — Klick, Tap, Tastatur. Nachfolger von FID (First Input Delay), seit März 2024 offizieller Core-Web-Vital. Schwellwerte: unter 200ms „gut", 200–500ms „verbesserungsbedürftig", über 500ms „schlecht".

Was ist der Unterschied zu FID?

INP misst alle Interaktionen, FID nur die erste. Realistischer für Nutzer-Erfahrung — eine Seite kann schnell auf ersten Klick reagieren, aber langsam auf spätere. INP zeigt das Worst-Case-Verhalten der Seite.

Was verzögert INP typischerweise?

Drei Ursachen: (1) blockierende JavaScript-Tasks über 50ms, (2) große DOM-Rerenders bei Interaktion, (3) Third-Party-Scripts, die den Main-Thread blockieren. Optimierung: JavaScript-Chunks aufsplitten, Rendering-Optimierung, Third-Party-Audit.

Ist INP schwerer zu optimieren als LCP?

Oft ja — INP-Optimierung braucht tiefere Code-Kenntnisse. LCP lässt sich mit Bild-Optimierung und CSS-Struktur meist einfach verbessern. INP erfordert JavaScript-Analyse, Rendering-Optimierung, oft Framework-spezifische Kenntnisse.

Wird in Rankmio genutzt fuer

INP-Audit im SEO-Check

Zur Funktion →

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