Was ist INP?
contents
Im Google Search Central Blog wurde angekündigt, dass die Kennzahl FID, die Teil der Core Web Vitals ist, durch die neue Kennzahl INP ersetzt wird.
Die Core Web Vitals sind ein entscheidender Faktor im Suchalgorithmus der Google-Suchmaschine und daher wichtig für die SEO-Optimierung.
Durch die Umstellung von FID auf INP, die Teil der Core Web Vitals sind, könnte sich die Bewertung der aktuell gut eingestuften Webseiten ändern.
In diesem Artikel erklärt Tokyo SEO Maker, ein auf SEO spezialisiertes Medium, die neue Kennzahl INP. Dabei liegt der Schwerpunkt auf den Unterschieden zwischen FID und INP sowie auf den Maßnahmen, die Webseitenbetreiber zur Verbessserung des INP-Wertes ergreifen sollten.
Inhaltsverzeichnis
- Was ist INP (Interaction to Next Paint)?
- Core Web Vitals und FID
- Gründe für die Einführung von INP durch Google
- Die Event-Handler-Verarbeitung wird im FID nicht gemessen
- Unterschiede zwischen INP und FID
- Messobjekt von FID
- Messobjekt von INP
- Die Bedeutung von INP-Maßnahmen und Bewertungskriterien
- Messmethode für INP
- Methode zur Überprüfung des INP in der Google Search Console
- Methode zur Überprüfung des INP mit PageSpeed Insights
- Methoden zur Verbesserung des INP
- Methoden zur Verbesserung der Eingabeverzögerung
- Methoden zur Verbesserung der Verarbeitungsverzögerung
- Methoden zur Verbesserung der Darstellungsverzögerung
- Häufig gestellte Fragen zu INP
- Zusammenfassung
Was ist INP (Interaction to Next Paint)?
INP (Interaction to Next Paint) ist eine neue Kennzahl, die als Ersatz für den FID (First Input Delay) der Core Web Vitals eingeführt wird. Die offizielle Einführung von INP ist für März 2024 geplant.
Auf der Informationsseite web.dev für Webentwickler wird INP wie folgt erläutert:
„INP ist eine Kennzahl, die die Gesamtreaktionsfähigkeit einer Seite auf Benutzerinteraktionen bewertet, indem sie die Latenzzeiten aller Klicks, Taps und Tastatureingaben während des gesamten Seitenbesuchs misst. Der endgültige INP-Wert wird durch die längste gemessene Interaktion bestimmt, wobei Ausreißer ignoriert werden.“
Quelle:web.dev
Das bedeutet, dass INP im Vergleich zu FID einen erweiterten Messbereich hat und somit zu einer verlässlicheren Kennzahl geworden ist.
Core Web Vitals und FID
Core Web Vitals sind drei Kennzahlen, die messen, ob eine Webseite ein qualitativ hochwertiges Nutzererlebnis bietet. Konkret gibt es die folgenden drei Kennzahlen:
- LCP (Largest Contentful Paint): Ladegeschwindigkeit der Seite
- FID (First Input Delay): Reaktionsgeschwindigkeit der Seite auf Benutzeraktionen
- CLS (Cumulative Layout Shift): Kennzahl für visuelle Stabilität und Layoutverschiebungen
Verwandter Artikel:Was sind Web Core Vitals?
Von diesen drei Kennzahlen wird der FID (First Input Delay) durch INP ersetzt.
Beispiele für FID sind folgende Situationen:
- Die Zeitspanne zwischen dem Anklicken eines Links und der Reaktion der Seite.
- Die Zeitspanne zwischen der Texteingabe in ein Kommentarfeld und der Reaktion der Seite.
Verwandter Artikel:Was ist FID?
Gründe für die Einführung von INP durch Google
Für Google ist es wichtig, dass Webseiten den Nutzern ein hervorragendes Erlebnis bieten. Daher wurden im Juni 2021 die Core Web Vitals, die die Nutzererfahrung messen, in den Suchalgorithmus integriert.
Allerdings wies FID, eine der Kennzahlen der Core Web Vitals, Einschränkungen in der Messbarkeit auf, was die praktische Bewertung der Nutzererfahrung erschwerte.
Die Event-Handler-Verarbeitung wird im FID nicht gemessen
Bei FID wird die Ausführungszeit von sogenannten Event-Handlern (Ereignisverarbeitern) nicht gemessen. Zudem wird auch die Zeitspanne, bis die Darstellung auf dem Bildschirm des Browsers beginnt, nicht berücksichtigt.
Nehmen wir zum Beispiel an, dass die Aktion eines Webseiten-Besuchers ein „Popup anzeigen“ auslöst. Die Wartezeit, bis der Besucher das Popup visuell im Browser wahrnimmt, wird jedoch nicht in die FID-Messung mit einbezogen.
Aus diesen Gründen haben sich die Betreiber von Webseiten, die auf SEO-Optimierung setzen, oft nur auf die Verbesserung der anfänglichen Interaktionen im Messbereich von FID konzentriert. Dies führt jedoch zu einer Diskrepanz zur tatsächlichen Nutzererfahrung.
Daher hat Google beschlossen, die Core Web Vitals weiter zu verbessern, um praxisnähere Messdaten zu erhalten. Aus diesem Grund wurde INP eingeführt, das die Wartezeit bis zum Beginn der Darstellung im Browser berücksichtigt.
Unterschiede zwischen INP und FID
Die Unterschiede zwischen INP und FID、sind wie folgt:
Kennzahl | FID | INP |
Messobjekt | Erste Interaktion beim Seitenbesuch | Alle Interaktionen während des Seitenbesuchs |
Messzeit | Zeit bis zum Beginn der Seitenverarbeitung | Zeit bis zum Beginn der Reaktion |
Mit INP kann die gesamte Reaktionsfähigkeit der Seite auf alle Interaktionen während des Aufenthalts gemessen werden. Dadurch lassen sich im Vergleich zu herkömmlichen Messmethoden verlässlichere Daten erfassen.
Die spezifischen Messmethoden von FID und INP sind wie folgt:
- Messobjekt von FID
- Messobjekt von INP
Messobjekt von FID
Beim herkömmlichen FID wird nur die Wartezeit gemessen, bis die Seitenverarbeitung nach der ersten Interaktion eines Besuchers beginnt. Diese Wartezeit wird auch als Eingabeverzögerung bezeichnet.
Messobjekt von INP
Bei INP wird die Reaktionsgeschwindigkeit der Seite auf alle Aktionen eines Besuchers gemessen. Die am meisten verzögerte Interaktion wird dabei als INP-Wert erfasst.
INP misst nicht nur die Wartezeit bis zum Beginn der Seitenverarbeitung, sondern auch die Zeit bis zum Start der Darstellung nach Beginn der Seitenverarbeitung. Das bedeutet, dass INP zusätzlich zur Eingabeverzögerung von FID auch die Verarbeitungsverzögerung durch den Code und die Darstellungsverzögerung im Browser umfasst und somit drei Phasen abdeckt.
Die Bedeutung von INP-Maßnahmen und Bewertungskriterien
Für INP wurden, ähnlich wie für FID, Zielwerte festgelegt, die erfüllt werden müssen. Diese Kriterien sind wie folgt definiert:
Bewertungskriterien | Zielwert für INP |
Good (Gut) | Unter 0,2 Sekunden |
Needs Improvement (Verbesserung erforderlich) | Länger als 0,2 Sekunden, unter 0,5 Sekunden |
Poor (Schlecht) | Länger als 0,5 Sekunden |
Quelle: Die Interaktion bis zum Next Paint vorantreiben | web.dev
Laut dem Chrome User Experience Report (Chrome UX / CrUX) wird bei beliebten Seiten festgestellt, dass 99,9 % auf dem Desktop und 93,6 % auf mobilen Geräten in Bezug auf FID als gut bewertet werden. Da CrUX ein globaler Datensatz ist, der Nutzererfahrungen aus verschiedenen Browsern weltweit erfasst, zeigt sich, dass die Mehrheit der beliebten Webseiten keine Probleme in Bezug auf FID aufweist.
Quelle:HTTP Archive: CrUX
Im selben Bericht wird jedoch deutlich, dass trotz eines hohen Anteils von 96,8 % der beliebten Desktop-Seiten mit guten INP-Werten im Jahr 2023, fast die Hälfte der mobilen Seiten mit lediglich 64,9 % noch Verbesserungsbedarf hat.
Quelle:HTTP Archive: CrUX
Das bedeutet, dass selbst Webseiten, die in den Google-Suchergebnissen gut platziert sind und FID-Optimierungen vorgenommen haben, möglicherweise keine ausreichende Bewertung im Hinblick auf INP erhalten.
Messmethode für INP
Webseiten, die SEO-Maßnahmen umsetzen, sollten sich auf die Einführung von INP im März 2024 vorbereiten und den INP-Wert ihrer eigenen Seite überprüfen. Mithilfe der folgenden SEO-Tools kann der INP-Wert eingesehen werden:
- Google Search Console
- PageSpeed Insights
Methode zur Überprüfung des INP in der Google Search Console
In der Google Search Console können Sie den INP-Wert Ihrer eigenen Webseite überprüfen. Die Google Search Console ist ein von Google bereitgestelltes Analysetool für Webseiten-Betreiber.
Verwandter Artikel:Was ist Google Search Console?
Die konkreten Schritte zur Überprüfung des INP einer Seite mit der Google Search Console sind wie folgt:
- Rufen Sie die Google Search Console auf und melden Sie sich an.
- Klicken Sie im Menü auf „Nutzerfreundlichkeit“ und wählen Sie „Wichtige Web-Vitals“.
- Wählen Sie den Bericht für Mobilgeräte oder Desktop aus.
- Überprüfen Sie den INP-Wert Ihrer Webseite.
Quelle:Google Search Console
Methode zur Überprüfung des INP mit PageSpeed Insights
Mit PageSpeed Insights können Sie den INP einer bestimmten URL überprüfen. PageSpeed Insights ist ein Tool, mit dem die Ladegeschwindigkeit von Webseiten gemessen werden kann.
Verwandter Artikel:Erläuterung von PageSpeed Insights
PageSpeed Insights kann ohne Anmeldung in einem Google-Konto verwendet werden. Die Nutzung ist einfach: Rufen Sie die Webseite des Dienstes auf und geben Sie die URL der Seite ein, die Sie überprüfen möchten.
- Rufen Sie PageSpeed Insights auf.
- Geben Sie die URL der Seite ein, die Sie analysieren möchten, und klicken Sie auf „Analysieren“.
- Überprüfen Sie den INP-Wert der angegebenen Seite.
Quelle:PageSpeed Insights
Methoden zur Verbesserung des INP
Wenn auf einer Webseite Probleme mit dem INP festgestellt wurden, sind Verbesserungen erforderlich. Die Hauptursachen für einen niedrigen INP-Wert sind die folgenden drei Faktoren:
- Eingabeverzögerung
- Verarbeitungsverzögerung
- Darstellungsverzögerung
Dieser Bereich gehört zum praktischen Aufgabenfeld der Ingenieure. Daher sollten Sie die Verbesserungsmaßnahmen in Absprache mit dem zuständigen Ingenieur vornehmen.
Methoden zur Verbesserung der Eingabeverzögerung
Die Eingabeverzögerung ist die Zeitspanne, die vergeht, bis eine interne Verarbeitung auf eine Aktion des Seitenbesuchers erfolgt. Dies entspricht auch der Zeit, die für den FID (First Input Delay) gemessen wird. Daher sind die Maßnahmen zur Verbesserung der Eingabeverzögerung im Wesentlichen identisch mit denen für den FID. Konkrete Methoden umfassen:
- Reduzierung unnötiger JavaScript-Dateien
- Verzögertes Laden von JavaScript
Eine ausführlichere Erklärung zur Verbesserung der Eingabeverzögerung finden Sie in dem untenstehenden Artikel.
Verwandter Artikel:Was ist FID?
Methoden zur Verbesserung der Verarbeitungsverzögerung
Die Verarbeitungsverzögerung bezieht sich auf die Zeit, die benötigt wird, um den Code zu verarbeiten. Konkret kann die Verarbeitungsverzögerung durch die Optimierung zeitaufwendiger interner Prozesse verkürzt werden.
- Aufteilung von Aufgaben, die viel Zeit in Anspruch nehmen
- Vermeidung von Layout-Thrashing (erzwungenes synchrones Layout)
Quelle: Zeitaufwendige Aufgaben optimieren | Articles | web.dev
Quelle: Vermeidung von großen, komplexen Layouts und Layout-Thrashing | Articles | web.dev
Methoden zur Verbesserung der Darstellungsverzögerung
Die Darstellungsverzögerung bezieht sich auf die Zeitspanne zwischen dem Abschluss der Codeverarbeitung und dem Beginn der visuellen Veränderungen im Browser. Zur Verbesserung dieser Zeit können folgende Maßnahmen ergriffen werden:
- Verkleinerung der DOM-Größe
- Nutzung der „content-visibility“-Eigenschaft
- Optimierung des HTML-Renderings durch JavaScript
Quelle: Auswirkungen einer großen DOM-Größe auf die Interaktivität und Gegenmaßnahmen | Articles | web.dev
Quelle:kundenseitiges Rendering von HTML und Interaktivität | Articles | web.dev
Häufig gestellte Fragen zu INP
Häufig gestellte Fragen zu INP im FAQ-Format.
Q: Was bedeutet INP?
Answer)INP steht für „Interaction to Next Paint“ und bezieht sich auf die Reaktionszeit bis zur nächsten Darstellung im Browser.
Zum Beispiel, wenn ein Besucher einer Webseite den Vergrößerungsbutton für ein Bild anklickt, gibt es eine Wartezeit, bis das Bild als Pop-up im Browser angezeigt wird. Diese Wartezeit wird als INP gemessen und in Zahlen ausgedrückt.
INP wird als Ersatz für den FID (First Input Delay) im Rahmen der Core Web Vitals eingeführt.
Q: Hat INP Auswirkungen auf SEO?
Answer)INP wird als ein Faktor berücksichtigt, der das Ranking in der Google-Suchmaschine beeinflusst. Daher kann die Verbesserung des INP positive Auswirkungen auf die SEO haben.
Q: Was ist die Grenze für einen guten INP-Wert?
Answer)Wenn der INP einer Webseite 200 ms (0,2 Sekunden) oder weniger beträgt, wird er mit der besten Bewertung „GOOD“ (gut) eingestuft.
Q: Muss ich Maßnahmen für INP ergreifen, wenn ich bereits FID optimiert habe?
Answer)Da INP eine umfassendere Kennzahl ist, die FID einschließt, sind zusätzliche Maßnahmen zur Verbesserung des INP erforderlich.
Der bisherige FID erfasste nur die Wartezeit zwischen der Aktion des Seitenbesuchers und dem Beginn der internen Verarbeitung.
Verwandter Artikel:Was ist FID?
Anders als FID misst INP zusätzlich zur Eingabeverzögerung auch die Verarbeitungs- und Darstellungsverzögerung. Selbst wenn es bei der vom FID abgedeckten Eingabeverzögerung keine Probleme gibt, besteht die Möglichkeit, dass die Verarbeitungs- oder Darstellungsverzögerung die festgelegten Standards nicht erfüllt.
Zusammenfasung
Im März 2024 wird der FID, eine der Kennzahlen der Core Web Vitals, durch INP ersetzt. Im Vergleich zum bisherigen FID wird der Messbereich des INP erweitert. Tatsächlich gibt es Fälle, in denen Webseiten, die bei FID eine „GOOD“ (gute) Bewertung erhalten haben, bei INP unter dieser Bewertung liegen. Um eine umfassende SEO-Optimierung sicherzustellen, sollten Sie den INP Ihrer Webseite messen und bei auftretenden Problemen entsprechende Verbesserungsmaßnahmen ergreifen.