Core Web Vitals: Der INP-Indikator – Definition und wichtige Schwellenwerte
Der Core-Web-Vitals-Indikator INP ist zu einem zentralen Bezugspunkt geworden, um die Reaktionsfähigkeit einer Website zu bewerten. Google hat seine Kriterien weiterentwickelt, um die vom Nutzer empfundene Qualität besser abzubilden, über eine bloße nach außen angezeigte Ladezeit hinaus. Der Kern der Sache ist nun klar: verstehen, was zwischen der Aktion und der visuellen Rückmeldung geschieht.
Diese Metrik hilft, die reale Performance einer Webseite zu analysieren, wenn ein Klick, ein Tap oder eine Eingabe eine Antwort auslöst. Sie ergänzt die Lesart der anderen Qualitätssignale, die mit der Nutzererfahrung und der technischen Optimierung zusammenhängen. Für Produkt-, Marketing- und Entwicklungsteams ermöglicht sie es, präziser zu erkennen, was die Oberfläche verlangsamt.
Die folgenden Abschnitte erklären die Definition, die Schwellenwerte, die Berechnung, die Ursachen eines schlechten Ergebnisses und die konkreten Hebel zur Verbesserung der Reaktionsfähigkeit. Ziel ist es zu verstehen, wie man misst, diagnostiziert und optimiert, ohne Labortests und Felddaten zu verwechseln.
Was ist der INP (Interaction to Next Paint)?
Der Interaction to Next Paint misst die Verzögerung zwischen einer Aktion des Nutzers und der Anzeige der entsprechenden visuellen Rückmeldung. In der Praxis handelt es sich um die Zeit, die der Browser benötigt, um das Ereignis zu verarbeiten und anschließend die nächste sichtbare Darstellung auf dem Bildschirm zu zeigen. Je kürzer diese Verzögerung, desto besser die wahrgenommene Reaktionsfähigkeit.
Diese Metrik beschränkt sich nicht auf einen einzigen Aktionstyp. Sie berücksichtigt Klicks, Berührungen auf dem Touchscreen, die Tastatureingabe und andere gängige Interaktionen. Genau das macht sie zu einem repräsentativeren Indikator der Nutzererfahrung als eine isolierte Messung eines einzelnen Ereignisses.
Was der INP wirklich bewertet
Das Prinzip ist einfach: Eine Aktion löst eine Verarbeitung aus, dann muss der Browser eine sichtbare Antwort darstellen können. Der Interaction to Next Paint bewertet die gesamte Latenz dieser Kette, mit einer feldorientierten Lesart. Das Ziel ist nicht nur, Code auszuführen, sondern das Gefühl von Flüssigkeit zu optimieren.
- Die Verzögerung vor dem Beginn der Verarbeitung.
- Die Zeit, die für die Ausführung der Callbacks und zugehörigen Skripte aufgewendet wird.
- Die Zeit, die nötig ist, um das Ergebnis auf dem Bildschirm anzuzeigen.
In den Core Web Vitals hilft dieser Ansatz Google, die Reaktionsfähigkeit einer Seite unter realen Bedingungen besser zu verstehen. Er bietet außerdem einen nützlicheren Rahmen, um eine technische Optimierung zu priorisieren.
Warum hat der INP den FID ersetzt?
Google hat den FID im März 2024 durch den INP ersetzt, um über einen vollständigeren Indikator zu verfügen. Der FID maß nur die erste Interaktion, wodurch die nach dem ersten Laden auftretenden Verzögerungen außen vor blieben. Der INP deckt nun die Gesamtheit der während des Besuchs beobachteten Interaktionen ab.
Diese Änderung ist wichtig, denn eine Seite kann beim ersten Klick ein gutes Verhalten zeigen und anschließend langsam werden. Mit dem FID blieb diese Verschlechterung unsichtbar. Mit dem INP bewertet Google die Qualität der Reaktionsfähigkeit über die gesamte Lebensdauer der Sitzung besser.
Die Grenzen des FID
Der FID maß nur die Verzögerung der ersten Aktion, ohne das endgültige Rendering zu berücksichtigen. Folglich konnte er die vom Nutzer empfundenen Performance-Probleme unterschätzen. Google hat daher einen Indikator eingeführt, der die realen Nutzungen repräsentativer abbildet.
- Der FID verarbeitete nur ein einziges Ereignis.
- Er erfasste die Verlangsamungen nach dem ersten Kontakt nicht.
- Er war weniger nützlich, um reichhaltige Oberflächen zu diagnostizieren.
Der im März offiziell vollzogene Wechsel vom FID zum INP nähert die Core Web Vitals der tatsächlich erlebten Erfahrung an. Es ist auch eine Einladung, den gesamten interaktiven Journey zu optimieren und nicht nur den ersten Eindruck.
Was sind die Schwellenwerte für einen guten INP-Wert?
Die Referenzschwellenwerte ermöglichen es, schnell zu beurteilen, ob die Reaktionsfähigkeit einer Website zufriedenstellend ist. Google unterscheidet in der Regel drei Stufen: zufriedenstellend, verbesserungswürdig und mangelhaft. Die am häufigsten verwendeten Bezugspunkte sind 200 ms und 500 ms.
Ein Ergebnis unter 200 ms gilt in den meisten Kontexten als performant. Zwischen 200 und 500 ms wird es notwendig, bestimmte Elemente zu optimieren. Über 500 ms wird die Reaktionsfähigkeit oft als nachteilig empfunden.
Die Schwellenwerte methodisch lesen
Es genügt nicht, einen isolierten Wert zu betrachten, um das Gesamtverhalten zu verstehen. Man muss auch die Stabilität der Interaktionen und die langsamsten Fälle bewerten, die bei den echten Nutzern beobachtet werden. Google stützt sich im Übrigen auf Felddaten, um diese Diagnose zu erstellen.
- Weniger als 200 ms: zufriedenstellende Reaktionsfähigkeit.
- Zwischen 200 und 500 ms: Optimierung empfohlen.
- Mehr als 500 ms: hohe Verbesserungspriorität.
Diese Schwellenwerte dienen als Basis, um die Optimierung zu steuern. Sie ermöglichen es außerdem, die Auswirkung einer Code-Änderung, eines neuen Skripts oder einer neuen Funktion auf die Performance zu bewerten.
Wie misst man den INP mit realen Daten?
Der offizielle INP beruht auf Felddaten, das heißt auf Interaktionen, die tatsächlich bei den Nutzern beobachtet werden. Labortests sind nützlich, um das Problem zu verstehen, aber sie liefern nicht den offiziellen Messwert. Um diesen Indikator zu verfolgen, muss man daher die im echten Leben erfassten Signale bevorzugen.
Die häufigsten Quellen umfassen CrUX, Google Search Console und bestimmte RUM-Tools. Sie bieten eine verlässlichere Sicht auf die wahrgenommene Performance über verschiedene Geräte, Netzwerke und Navigationsverhalten hinweg. Das ermöglicht es, die Variationen je nach Kontext besser zu verstehen.
Wo man die nützlichen Daten findet
Mehrere Tools können helfen, die Reaktionsfähigkeit zu verfolgen und die Ergebnisse im Zeitverlauf zu vergleichen. Wichtig ist, die Umgebungen zu unterscheiden: Feld für die offizielle Messung, Labor für die Ursachenanalyse.
- Google Search Console, um die Core-Web-Vitals-Signale zu verfolgen.
- PageSpeed Insights, um Felddaten und Empfehlungen zu verknüpfen.
- CrUX, um die aus realen Besuchen stammenden Statistiken zu beobachten.
- RUM-Lösungen, um die Verhaltensweisen auf Ihrer Website zu messen.
Ein gutes Monitoring beruht auf dieser Ergänzung. Die Felddaten zeigen, was die Nutzer erleben, während die Diagnose-Tools helfen zu verstehen, warum die Performance nachlässt.
Welche Tools sollte man zur Analyse des INP nutzen?
Um diese Metrik zu analysieren, muss man je nach gewünschter Lesetiefe mehrere Tools kombinieren. Die Feld-Tools dienen dazu, die realen Trends zu bewerten, während die Labor-Tools helfen, ein präzises Problem zu isolieren. Dieser Ansatz ergibt eine verlässlichere Sicht auf die Reaktionsfähigkeit.
Google empfiehlt, die Signale aus mehreren Quellen zu kombinieren, um die Optimierungen besser zu priorisieren. Ein mittleres Ergebnis auf einer Website hat je nach Traffic-Volumen, Gerätetyp oder den am häufigsten genutzten Journeys nicht dieselbe Bedeutung.
Die nützlichsten Tools
- PageSpeed Insights für einen schnellen Überblick und Optimierungsansätze.
- Lighthouse, um Szenarien im Labor zu testen.
- Chrome DevTools, um langsame Interaktionen aufzuzeichnen und zu analysieren.
- CrUX, um die aggregierten realen Daten zu überprüfen.
- RUM-Lösungen, um die Nutzererfahrung kontinuierlich zu verfolgen.
Diese Tools haben nicht dieselbe Rolle. Ein Labor-Tool ersetzt nicht die Feldmessung, aber es bleibt unverzichtbar, um die technischen Ursachen zu verstehen und eine wirksame Optimierung vorzubereiten.
Was sind die Ursachen für einen zu hohen INP?
Ein schlechtes Ergebnis stammt oft von einem Hauptthread, der durch zu schwere Aufgaben ausgelastet ist. Wenn JavaScript den Browser monopolisiert, gerät die Verarbeitung der Ereignisse in Verzug und das endgültige Rendering ebenfalls. Die Folge ist unmittelbar: Die Reaktionsfähigkeit sinkt und die Nutzererfahrung verschlechtert sich.
Die häufigsten Ursachen umfassen lange JavaScript-Aufgaben, ein zu umfangreiches DOM, kostspielige Callbacks und zu schwere Rendering-Operationen. Man muss außerdem die Drittanbieter-Skripte, die komplexen Animationen und die wiederholten Aktualisierungen der Oberfläche berücksichtigen.
Die wichtigsten Blockadepunkte
- Lange Aufgaben auf dem Main Thread.
- Zu schwere Event-Callbacks.
- Zu reichhaltiges oder zu tiefes DOM.
- Nicht essenzielle Skripte, die zu früh geladen werden.
- Visuelles Rendering, das nach der Verarbeitung verzögert wird.
Um die Quelle des Problems zu verstehen, muss man die Eingabeverzögerung, die Verarbeitungszeit und die Anzeigeverzögerung trennen. Diese Lesart hilft, an der richtigen Stelle zu optimieren, statt allgemeine Korrekturen ohne echten Effekt anzuwenden.
Wie optimiert man JavaScript und die Callbacks, um den INP zu verbessern?
Die JavaScript-Optimierung ist oft der wirksamste Hebel, um die Reaktionsfähigkeit zu verbessern. Das erste Ziel besteht darin, die auf dem Hauptthread ausgeführte Arbeit zu reduzieren. Je weniger der Browser blockiert ist, desto schneller kann er auf die Aktionen des Nutzers reagieren.
Man muss außerdem die Event-Callbacks entlasten. Ein Callback sollte nur das strikt Notwendige enthalten, um die Verarbeitungszeit zu begrenzen und dem Browser Luft zu lassen. Diese Logik verbessert direkt die wahrgenommene Flüssigkeit.
Vorrangige Maßnahmen auf JavaScript-Seite
- Unnötigen Code und nicht kritisches JavaScript entfernen.
- Lange Aufgaben in kürzere Segmente aufteilen.
- Bestimmte Skripte mit async oder defer verschieben.
- Schwere Verarbeitungen in Web Worker auslagern.
- Kostspielige Operationen in den Callbacks vermeiden.
Diese Code-Optimierung wirkt sich nicht nur auf die Reaktionszeit aus. Sie verbessert auch die Stabilität der Oberfläche auf weniger leistungsstarken Geräten, wo schon die geringste Überlastung sichtbar werden kann.
Wie reduziert man die Darstellungsverzögerung nach einer Interaktion?
Die Darstellungsverzögerung entspricht der Zeit, die nötig ist, um nach der logischen Verarbeitung die visuelle Rückmeldung anzuzeigen. Um diesen Punkt zu verbessern, muss man die Rendering-Kosten reduzieren und die zu aktualisierenden Elemente vereinfachen. Eine schnelle Anzeige verstärkt das Gefühl von Flüssigkeit.
Mehrere Techniken sind nützlich: die Größe des DOM verringern, kostspielige Reflows vermeiden und bei Bedarf auf Lazy Rendering zurückgreifen. Der Einsatz von content-visibility kann ebenfalls helfen, die nicht sichtbaren Bereiche beiseitezustellen.
Wirksame Techniken für das Rendering
- Die Zahl der bearbeiteten Elemente reduzieren.
- Die Neuberechnungen von Style und Layout begrenzen.
- Die Anzeige der sekundären Inhalte verzögern.
- Die Bereiche außerhalb des Bildschirms mit geeigneten Techniken ausblenden.
Wenn das Rendering leichter ist, trifft die visuelle Antwort schneller ein. Das verbessert die Geschwindigkeitswahrnehmung, selbst wenn ein Teil der technischen Verarbeitung im Hintergrund weiterhin vorhanden bleibt.
Wie diagnostiziert man einen schlechten INP im Labor und verbessert die Nutzererfahrung?
Eine Diagnose im Labor ermöglicht es, die langsamen Interaktionen zu reproduzieren und die Engpässe zu identifizieren. Chrome DevTools, Lighthouse im Timespan-Modus, die Web-Vitals-Erweiterung oder die Performance-Aufzeichnungen sind besonders nützlich, um zu verstehen, was blockiert. Sie helfen, die vollständige Sequenz zwischen dem Ereignis und dem Rendering zu visualisieren.
Es ist außerdem sinnvoll, während langer Verarbeitungen eine unmittelbare visuelle Rückmeldung hinzuzufügen. Ein Spinner, eine Bestätigungsmeldung oder eine Rückmeldung zum Hinzufügen in den Warenkorb geben dem Nutzer Sicherheit und verbessern die wahrgenommene Reaktionsfähigkeit, selbst wenn die gesamte Verarbeitung Zeit in Anspruch nimmt. Diese Art von Element ersetzt keine technische Optimierung, aber sie verbessert die Nutzererfahrung.
Was man während der Diagnose prüfen muss
- Die Dauer der langen JavaScript-Aufgaben.
- Den Moment, in dem der Browser die Kontrolle zurückerlangen kann.
- Die realen Rendering-Kosten nach der Aktion.
- Das Vorhandensein visueller Feedback-Elemente.
Diese Diagnosearbeit ermöglicht es zu verstehen, welche Optimierungen die größte Wirkung haben werden. Sie erleichtert außerdem die Priorisierung zwischen Code-Korrektur, Entlastung der Struktur und Verbesserung der visuellen Rückmeldung.
Welche Auswirkungen hat der INP auf SEO?
Die Auswirkung dieser Metrik auf das Ranking besteht vor allem über die Qualität der Nutzererfahrung. Google wertet Websites auf, die eine flüssige und reaktionsschnelle Navigation bieten können. Ein gutes Ergebnis kann daher die Sichtbarkeit in wettbewerbsintensiven Kontexten unterstützen.
Der INP ersetzt jedoch nicht den Content, die Autorität oder die redaktionelle Relevanz. Er wirkt als ein Qualitätssignal unter mehreren. Um einen dauerhaften Nutzen zu erzielen, muss man ihn in eine breitere Optimierungsstrategie integrieren.
Warum dieser Indikator für Google zählt
Eine langsame Oberfläche kann die Nutzung entmutigen und die Abbrüche erhöhen. Umgekehrt verbessert eine gute Reaktionsfähigkeit die Gesamtwahrnehmung der Website. Google berücksichtigt diese Nutzungsqualität in seinen Core Web Vitals, was sie zu einem wichtigen, zu verfolgenden Element macht.
Das beste Ergebnis entsteht aus einem ausgewogenen Ansatz: ein nützlicher Content, eine klare Architektur und eine kontinuierliche technische Optimierung. Genau diese Kombination ermöglicht es, die Performance und die Zufriedenheit der Nutzer nachhaltig zu verbessern.
Zusammengefasst dient der Core-Web-Vitals-Indikator INP dazu, die reale Reaktionsfähigkeit einer Website zu bewerten, die Blockaden zu diagnostizieren und die vorrangigen Optimierungen zu steuern. Indem man die Felddaten misst, JavaScript entlastet und das Rendering pflegt, wird es möglich, die Performance und die Geschwindigkeitswahrnehmung zu verbessern. Für Teams, die ihre Präsenz bei Google stärken wollen, ist es ein konkreter, nützlicher und dauerhafter Hebel.
