INP (Interaction to Next Paint) ist eine Metrik für die Reaktionsfähigkeit einer Website. Am 12. März 2024 hat sie FID in den Core Web Vitals abgelöst, was der Beitrag von web.dev zum Start von INP bestätigt. Was folgt daraus für Website-Betreiber? Im Grunde eine Sache: Durch die Kennzahl INP Core Web Vitals bewertet Google jetzt, wie schnell eine Website auf jeden Klick reagiert, und nicht nur auf den ersten. PageSpeed Insights oder die Search Console zeigen Ihnen einen neuen Eintrag mit der Bewertung “optimierungsbedürftig”? Damit sind Sie nicht allein. Im Folgenden der Reihe nach: was diese Kennzahl erfasst, woher ein schlechter Wert kommt, wo Sie ihn prüfen und was Sie beim Dienstleister beauftragen sollten.
Inhaltsverzeichnis
Was ist INP in den Core Web Vitals und was genau wird gemessen?
INP ist die Zeit vom Klick, vom Tippen auf den Bildschirm oder vom Tastendruck bis zu dem Moment, in dem der Browser die Reaktion auf diese Aktion auf dem Bildschirm anzeigt. Mehr nicht. Die Metrik berücksichtigt die Interaktionen des gesamten Besuchs, es zählt also der erste Klick genauso wie der zehnte. Auf einer Firmenwebsite ist das zum Beispiel das Aufklappen des Menüs oder die Eingabe von Text in ein Formularfeld, im Shop - die Nutzung eines Produktfilters oder des Buttons zum Hinzufügen in den Warenkorb. Die Messung läuft von selbst über eine API des Browsers, die Website muss also nichts melden (und das ist gut so, eine Sache weniger, um die man sich kümmern muss). Wie sich diese Kennzahl in das gesamte Set einfügt, beschreiben wir im Beitrag Core Web Vitals und SEO.
INP statt FID: Was sich im März 2024 geändert hat
FID bewertete ausschließlich die Verzögerung der ersten Interaktion. INP prüft die Reaktionsfähigkeit während des gesamten Besuchs. Daher die Überraschung: Eine Website mit gutem FID kann jetzt eine schlechtere Note bekommen. Die Chrome-Tools, also PageSpeed Insights, das CrUX Dashboard und die Erweiterung Web Vitals, zeigen die neue Metrik unter den drei Hauptkennzahlen, und die Core-Web-Vitals-Bewertung in PageSpeed Insights berücksichtigt sie anstelle der Vorgängerin. FID wird eingestellt, und ein Teil der Tools kann dazu eine Warnung anzeigen. Laut dem Zeitplan des Chrome-Teams endet die Übergangsfrist am 9. September 2024.
Was heißt das in der Praxis? Eine schlechtere Bewertung bedeutet nicht, dass die Website plötzlich langsamer geworden ist. Geändert hat sich das Maß. Es erfasst mehr Situationen als bisher und bringt Verzögerungen ans Licht, die in den Berichten zuvor schlicht nicht zu sehen waren.
Wo Sie INP in PageSpeed Insights und der Search Console prüfen
Den Wert finden Sie an zwei Stellen: in PageSpeed Insights im Abschnitt mit den Daten echter Nutzer und im Bericht Core Web Vitals in der Search Console. Die Felddaten stammen aus dem Chrome User Experience Report, für den sich die Website qualifizieren muss. Ist das der Fall, steht immer ein Bild für die gesamte Domain zur Verfügung, in manchen Fällen auch für eine einzelne Adresse. Die Grenzen der Bewertungen “gut”, “optimierungsbedürftig” und “schlecht” nennt die Dokumentation der INP-Metrik auf web.dev, und meiner Meinung nach sollte man die Messwerte am besten an ihr ausrichten.
Bei wenig Traffic können die Felddaten aber fehlen. Was dann? Es bleibt, die typischen Nutzerpfade von Hand durchzuklicken, denn sie zeigen die Probleme am besten: Aufruf der Produktliste, Filtern, Hinzufügen zum Warenkorb, Absenden eines Formulars. Notieren Sie vor dem Gespräch mit dem Dienstleister:
- Adressen oder Adressgruppen mit der Bewertung “optimierungsbedürftig” oder “schlecht”,
- ob das Problem Mobilgeräte, Computer oder beides betrifft,
- welche Elemente mit spürbarer Verzögerung reagieren,
- welche Plugins und Marketing-Skripte in den letzten Monaten hinzugekommen sind.
Was die Reaktionsfähigkeit einer Website verschlechtert
Schuld ist vor allem JavaScript, das den Hauptthread des Browsers genau dann belegt, wenn der Nutzer etwas anklickt. Der Hauptthread ist die Warteschlange, in der der Browser den Großteil seiner Arbeit erledigt: Er führt Skripte aus, berechnet das Layout neu und zeichnet Änderungen. Und eine lange Aufgabe (englisch long task) ist ein Stück Code, das so lange läuft, dass in dieser Zeit nichts anderes bearbeitet wird. Der Klick wartet. Die häufigsten Ursachen solcher Blockaden:
- schweres JavaScript des Themes oder der Anwendung,
- umfangreiche Plugins, vor allem Page Builder und Erweiterungen, die auf jeder Unterseite geladen werden,
- externe Skripte: Chat, Analytics, Werbepixel, Karten,
- lange Aufgaben, die nach einem Klick starten, zum Beispiel das Neuladen der gesamten Produktliste,
- eine umfangreiche Seitenstruktur mit sehr vielen Elementen.
Auf Smartphones zeigt sich das Problem häufiger als auf Computern. Kein Wunder, denn ein schwächerer Prozessor braucht mehr Zeit, um denselben Code auszuführen. Bei Websites auf Basis von WordPress sind meist die Erweiterungen der erste Verdächtige. Mehr dazu schreiben wir im Ratgeber dazu, wie Sie Geschwindigkeit und Performance von WordPress verbessern.
INP verbessern: Was Sie beim Dienstleister beauftragen sollten
Grundsätzlich geht es darum, die Arbeit von JavaScript zu begrenzen und aufzuteilen, damit der Browser schnell auf die Aktion des Nutzers antworten kann. Ich empfehle, den Arbeitsumfang von den einfachsten zu den zeitaufwendigsten Punkten zu ordnen:
- Durchsicht und Entfernung überflüssiger Plugins und externer Skripte.
- Verzögertes Laden von nicht kritischem Code, zum Beispiel des Chats erst nach der ersten Interaktion.
- Aufteilung langer Aufgaben in kürzere, zwischen denen der Browser den Klick verarbeitet.
- Vereinfachung der Verarbeitung von Klicks und Formularen, damit sie sofort eine sichtbare Reaktion zeigen.
- Verschlankung der Seitenstruktur: weniger verschachtelte Elemente und Abschnitte.
- Erneute Messung anhand der Felddaten.
Den ersten Punkt erledigen Sie oft selbst, indem Sie ungenutzte Erweiterungen und alte Tracking-Codes abschalten. Der Rest ist Arbeit für einen Entwickler, besonders wenn die Website auf einem JavaScript-Framework läuft - hier hilft das Wissen, das die Optimierung des Frontends in React und ähnlichen Bibliotheken vermittelt. Sie wissen nicht, wo Sie anfangen sollen? Ein Website-Audit kann der Ausgangspunkt sein, um die Ursachen zu klären.
Was Sie nach den Korrekturen erwarten können
Auf den Effekt in den Berichten muss man warten. Felddaten werden über einen längeren Zeitraum von echten Nutzern gesammelt, die Kurve bewegt sich also nicht sofort. Der tatsächliche Nutzen kommt früher: Menü, Filter und Warenkorb antworten schneller, die Website lässt sich einfach leichter bedienen. Der Kunde spürt das, egal was das Tool anzeigt.
Und noch etwas. Prüfen Sie den Wert nach jedem größeren Rollout, denn ein neues Plugin oder ein Marketing-Skript kann die frühere Arbeit zunichtemachen (man sollte sich nicht einbilden, dass einmal Erledigtes für immer hält). Behandeln Sie INP Core Web Vitals deshalb als festen Punkt bei der Abnahme von Änderungen an der Website: Bevor Sie die nächste Erweiterung freigeben, klicken Sie auf dem Smartphone die wichtigsten Pfade durch und vergleichen Sie den Messwert mit dem vorherigen.
Häufige Fragen
Verschlechtert ein schwacher INP-Wert die Position meiner Website bei Google?
INP ist einer der Bestandteile der Core Web Vitals, und diese gehören zu den Signalen, die die Qualität der Nutzung einer Website beschreiben. Es lässt sich aber nicht seriös vorhersagen, wie sich eine einzelne Kennzahl auf die Sichtbarkeit einer konkreten Website auswirkt. Sicher ist etwas anderes: Eine langsam reagierende Website erschwert es den Nutzern, die Aufgabe zu erledigen, mit der sie gekommen sind.
Warum zeigt PageSpeed Insights für meine Website keinen INP-Wert an?
Meistens deshalb, weil im Chrome User Experience Report nicht genügend Daten für die geprüfte Adresse vorliegen. Es kommt auch vor, dass der Wert nur für die gesamte Domain verfügbar ist und nicht für eine einzelne Unterseite. Dann bleibt das manuelle Testen typischer Nutzerpfade.
Muss ich mich noch um FID kümmern?
Nein. Die Kennzahl ist kein Teil der Core Web Vitals mehr und wird aus den Chrome-Tools entfernt, ihre Messwerte verlieren also an Bedeutung. Aufmerksamkeit und Budget für Optimierungsarbeiten richten Sie besser auf Interaction to Next Paint.
