Passende Aufgaben und Voraussetzungen
INP zeigt, ob eine Seite sich im Alltag unmittelbar oder träge anfühlt. Eine schnelle erste Darstellung genügt nicht, wenn Menüs, Filter oder Formulare später nur verzögert reagieren.
Performance · SQUAREMOON Glossar
INP verständlich erklärt
Interaction to Next Paint
Interaction to Next Paint misst die Reaktionsfähigkeit einer Webseite über die gesamte Nutzung. Erfasst wird, wie lange es nach einer Interaktion wie Klick, Tippen oder Tastendruck dauert, bis der Browser die nächste sichtbare Aktualisierung darstellen kann.1, 2
Beispiel und Anwendung lesenAm Beispiel erklärt
Eine Produktauswahl reagiert verzögert
Fiktives Beispiel zur Veranschaulichung
Eine Kundin tippt auf eine Variante. Der Browser ist mit aufwendigem JavaScript beschäftigt und zeigt die Auswahl erst später an. Diese wahrgenommene Verzögerung ist ein Ansatzpunkt für die Prüfung der Interaktionsleistung.
So funktioniert es in der Praxis
Wie wird eine Seite nach Eingaben reaktionsfähig gehalten?
SQUAREMOON begrenzt JavaScript-Arbeit, vermeidet unnötige Layoutberechnungen und teilt umfangreiche Aufgaben so auf, dass der Hauptthread schnell wieder auf Eingaben reagieren kann.
Begriffe auseinanderhalten
Wie unterscheiden sich INP und LCP?
LCP betrachtet das Laden des grössten relevanten sichtbaren Inhalts. INP betrachtet die Reaktionsfähigkeit auf Interaktionen während der Nutzung. Eine schnell erscheinende Seite kann später trotzdem träge reagieren.
Einsatz, Nutzen und Grenzen
Wann ist INP für Unternehmen relevant?
Welcher Nutzen entstehen kann
Kurze Reaktionszeiten geben Nutzern direkte Rückmeldung, reduzieren Mehrfachklicks und verbessern die Bedienbarkeit auf langsameren Geräten. Die Kennzahl ergänzt LCP und CLS innerhalb der Core Web Vitals.
Passende SQUAREMOON Leistung
Leistung ansehen Reaktionsschnelle Websites von SQUAREMOON
Vertiefen Sie das Thema auf unserer Leistungsseite.
Quellen und fachliche Grundlagen
Weiterführende Originalquellen
Diese Quellen vertiefen die fachlichen Grundlagen. Das Beispiel und die praktische Einordnung sind eigenständige Erläuterungen von SQUAREMOON, keine dokumentierten Kundenprojekte.
- Interaction to Next Paint (INP)web.dev
- Web Vitalsweb.dev