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.

Häufige 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 für

INP-Audit im SEO-Check

Zur Funktion →

Verwandte Begriffe

Core Web Vitals Set aus drei Google-Performance-Metriken (LCP, INP, CLS), die seit 2021 ein dire… PageSpeed Ladezeit einer Webseite. Direkter Ranking-Faktor (Core Web Vitals), kritischer U… LCP (Largest Contentful Paint) Core-Web-Vitals-Metrik: Wie lange dauert es, bis das größte sichtbare Element ge… CLS (Cumulative Layout Shift) Core-Web-Vitals-Metrik: Misst die kumulative visuelle Instabilität — wie stark L…

Letzte Aktualisierung: 2026-07-03  ·  Alle Glossar-Einträge ansehen

Kostenloser SEO- & GEO-Check

SEO-Score, KI-Sichtbarkeit und Zitierbarkeit deiner Website in 30 Sekunden — ohne Registrierung.

Jetzt kostenlos prüfen

Bereit, deine Website zu optimieren?

Kostenlos registrieren, 10 Credits erhalten und direkt loslegen.

Jetzt registrieren