Interaction to Next Paint wird offiziell zu einem Core Web Vital und ersetzt am 12. März „First Input Delay“.
Das Web Vitals-Programm bietet Messwerte, mit denen Webentwickler wichtige Aspekte der Nutzererfahrung im Web messen können. First Input Delay (FID) war der Aspekt der Reaktionsfähigkeit des Programms. Mit der Zeit wurde jedoch klar, dass ein neuer Messwert erforderlich war, um Aspekte der Interaktivität im Web zu erfassen, die bei FID nicht der Fall waren. Das Chrome-Team erkannte das und führte im Mai 2022 Interaction to Next Paint (INP) als experimentelles Tool ein. Letztes Jahr wurde INP zu einem ausstehenden Messwert und wir haben angekündigt, dass INP im März 2024 auf den stabilen Status hochgestuft wird.
Heute geben wir bekannt, dass INP am 12. März dieses Jahres offiziell zu einem Core Web Vitals-Messwert wird und FID ersetzt und dass FID im Rahmen dieser Umstellung eingestellt wird.
<ph type="x-smartling-placeholder">
<ph type="x-smartling-placeholder">In diesem Beitrag gibt das Chrome-Team Tipps dazu, wie Sie sich auf diese Änderung vorbereiten können und was Sie nach Inkrafttreten der Änderungen erwarten können.
Wie kann ich mich vorbereiten?
Zunächst müssen Sie herausfinden, ob der INP Ihrer Website die "guten" Grenzwert. Alle Core Web Vitals werden basierend auf ihrer Leistung im Feld beim 75. Perzentil aller Seitenaufrufe bewertet.
Mit PageSpeed Insights können Sie am einfachsten feststellen, wie Ihre Website auf INP abschneidet. Diese Daten werden aus dem Bericht zur Nutzererfahrung in Chrome (Chrome User Experience, CrUX) angezeigt. CrUX ist das offizielle Dataset des Web Vitals-Programms und kann eine potenzielle Quelle für Felddaten für Ihre Website sein.
Eine weitere Quelle für Felddaten kann vom RUM-Anbieter (Real User Monitoring) stammen, der auch die Leistung Ihrer Website vor Ort beobachtet. Wenn Sie mit einem RUM-Anbieter zusammenarbeiten, fragen Sie nach dessen INP-Support.
<ph type="x-smartling-placeholder">Wenn Sie feststellen, dass der INP-Wert Ihrer Website oder „schlecht“ haben wir verschiedene Ressourcen zusammengestellt, die dir bei der Verbesserung dieser Funktion helfen sollen. Wir beginnen mit der Diagnose und Behebung von INP-Problemen:
Sobald Sie das Problem kennen, können Sie anhand der folgenden Leitfäden herausfinden, welche Teile der Interaktion Sie optimieren sollten:
- Optimiere lange Aufgaben, wenn du JavaScript verwendest, das viel Zeit im Hauptthread in Anspruch nimmt. Wenn beim Laden der Seite viele Hauptthreadaktivitäten auftreten und viele lange Aufgaben im Hauptthread ausgelöst werden, haben Sie möglicherweise Probleme mit zu vielen Skriptauswertungsaufgaben.
- Optimieren Sie die Eingabeverzögerung, wenn es lange dauert, bis Interaktionen verarbeitet werden.
- Große DOMs können viel Renderingarbeit erfordern und Interaktionen verändern häufig das DOM. Vermeiden Sie nach Möglichkeit große, komplexe Layouts und Layout-Drashing und Minimieren Sie die DOM-Größe.
- Wenn Sie komplexe CSS-Selektoren verwenden, können auch diese einen erheblichen Aufwand bei Nutzerinteraktionen verursachen.
- Wenn Ihre Website einen Großteil des HTML-Codes auf dem Client über JavaScript rendert, ist es wichtig zu wissen, wie das clientseitige Rendern von HTML die Interaktivität beeinflussen kann.
Die Komplexität von INP bedeutet, dass Sie in vielerlei Hinsicht Optimierungen im Hinblick auf Interaktivität vornehmen werden – aber es ist den Aufwand wert. Mehrere Fallstudien wie die The Economic Times und redBus zeigen, wie sich durch die Reduzierung der Interaktionslatenz die Geschäftsergebnisse verbessern lassen. Die Optimierung von INP auf Ihrer Website kann auch dazu beitragen, Ihre Ziele zu erreichen.
Was passiert, wenn INP zu Core Web Vital wird?
Ich möchte noch einmal betonen, dass INP am 12. März dieses Jahres offiziell zu einem Core Web Vital wird und FID ersetzt. Außerdem ist FID kein Core Web Vital mehr, sondern offiziell eingestellt und aus dem Programm entfernt.
Dies kann zu Änderungen in der FID-Dokumentation führen. Die historisch wichtige Dokumentation zu FID bleibt bestehen, aber deutlich sichtbare Hinweise werden hinzugefügt, um den FID-Status als veraltet zu kennzeichnen und auf die INP-Dokumentation zu verweisen. Andere FID-bezogene Dokumente werden möglicherweise vollständig entfernt und an die entsprechende INP-Dokumentation weitergeleitet.
FID ist nach wie vor in vielen Google-Tools enthalten, aber INP ist es auch. Sobald INP am 12. März zu Core Web Vital wird, wird FID aus der Google Search Console entfernt. Für alle anderen Tools wie PageSpeed Insights und CrUX gilt eine sechsmonatige Einstellungsphase, in der Entwickler die Möglichkeit haben, ihren Code zu aktualisieren.
Wenn Sie Fragen dazu haben, was die Aufnahme von INP in Core Web Vitals für die Google Suche bedeutet, lesen Sie den Post zur INP-Ankündigung in Google Search Central.
Der Weg, der vor dir liegt
Die Aufnahme von INP in Core Web Vitals wurde in den letzten zwei Jahren sorgfältig geplant und ist ein deutlicher Fortschritt. Wir sind davon überzeugt, dass der ganzheitliche Ansatz von INP Entwicklern dabei helfen wird, diesen wichtigen Aspekt der Nutzererfahrung besser zu bewerten und zu verbessern, und so im Laufe der Zeit zu einem reaktionsschnelleren Web führen. Da INP ab dem 12. März ein Core Web Vital wird, hoffen wir, dass sich Entwickler die Zeit nehmen, ihre INP-Leistung zu verstehen und zu optimieren.
Bei Fragen oder Bedenken können Sie uns wie immer gerne über web-vitals-feedback@googlegroups.com Feedback zu INP, FID oder anderen Messwerten im Web Vitals-Programm senden.