Interaction to Next Paint (INP) ist eine neue Core Web Vital-Maßnahme, die sich auf die Reaktionsfähigkeit konzentriert und am 4. März 2023 First Input Delay ersetzen soll. Die Optimierung des INP ist einfacher mit den richtigen Tools, um ihn zu überwachen und zu verfolgen.
Was ist Interaction to Next Paint (INP)?
Der INP misst die Zeit, die ein Website-Besucher wartet, nachdem er etwas getan hat, z. B. auf eine Schaltfläche geklickt oder auf einer Tastatur getippt hat, und die Zeit, die die Website benötigt, um visuelles Feedback zu geben. Der INP ist ein Maß, das die Zeit angibt, in der das visuelle Feedback nach einer Benutzerinteraktion blockiert ist.
Die Idee, die dieser Maßnahme zugrunde liegt, ist, dass eine Webseite, die nicht reagiert, eine schlechte Erfahrung für den Nutzer darstellt. Zum Beispiel sollte das Hinzufügen eines Produkts in einen Einkaufswagen sofort ein visuelles Feedback erzeugen, das dem Besucher der Seite zeigt, dass die Interaktion berücksichtigt wurde. In diesem konkreten Beispiel misst INP nicht, wie lange es dauert, ein Produkt in den Einkaufswagen zu legen, sondern nur, wie lange das visuelle Feedback für diese Aktion blockiert wird.
Niedrige INP-Werte bedeuten schnelle Reaktionszeiten, was das Ziel ist. Gute INP-Werte sind solche, die unter 200 Millisekunden liegen.
JavaScript und CSS sind die Hauptziele der INP-Optimierung.
INP misst die folgenden Wechselwirkungen mit dem Benutzer :
- Mausklicks
- Tasten auf Geräten mit einem Touchscreen.
- Drücken einer Tastatur (physische Tastatur und virtuelle Tastatur)
INP-Tools zur Messung und Optimierung
Es gibt kein Werkzeug, das INP-Probleme allein lösen kann, da diese ihren Ursprung in JavaScript und CSS haben, die von den auf einer Webseite verwendeten Themen, Plugins, Features und Zusatzfunktionen verwendet werden.
Beispielsweise wird bei der Installation und Nutzung eines Bilderkarussells oder von Animationseffekten zusätzlicher JavaScript- und CSS-Code geladen, der sich negativ auf die Ergebnisse des INP auswirken kann. JavaScript und CSS zu minimieren ist nicht immer die Lösung, was bedeutet, dass ein wichtiger Schritt für INP-Nutzer darin besteht, den Code zu minimieren. Optimierung der To Next Paint Interaktion ist es, den Code zu prüfen und alles zu identifizieren, was der Webseite und dem Benutzer nicht hilft, ihr Ziel zu erreichen.
Daher besteht die Schlüsselfunktionalität eines INP-Optimierungstools darin, zu erkennen, was das visuelle Feedback einer Benutzerinteraktion blockiert oder verzögert.
5 Interaktion mit kommenden Diagnosewerkzeugen für das Malen
1. Site Kit by Google - Analytics, Search Console, AdSense, Speed
WordPress-Plugin von Google
Site Kit by Google ist mit über 4 Millionen WordPress-Installationen eine der mächtigsten Möglichkeiten, Google-Suchdaten in ein WordPress-Dashboard zu integrieren, um einen einfachen Zugriff innerhalb von WordPress zu ermöglichen.
Dieses Tool zeigt die Daten von PageSpeed Insights und Search Console sowie praktische Tipps für Verbesserungen an.
2. DebugBear Interaction to Next Paint Tool (kostenlose und kostenpflichtige Version)
Kostenloser INP-Debugger
DebugBear ist ein beliebtes Tool zur Kontrolle der Seitengeschwindigkeit, das eine Pro-Version hat, die zeitgesteuerte Tests, Ereignisbenachrichtigungen, Leistungstests, die die Auswirkungen vor dem Live-Einsatz vorhersagen, und andere Vorteile bietet.
Es bietet aber auch kostenlose Tools wie dieses hervorragende Tool Interaction to Next Paint, das eine Webseite untersucht, Probleme diagnostiziert und praktische Ratschläge zur Lösung von Interaction to Next Paint-Problemen gibt.
3. Chrome Web Vitals Extension
Diese Chrome-Erweiterung bietet grundlegende Messungen für Vitaldaten im Web, einschließlich INP. Ein nützliches Merkmal dieser Erweiterung ist das einzigartige Head-up-Display (HUD), das über die Webseite gelegt wird, was bei der Entwicklung oder Änderung einer Webseite hilfreich sein kann.
4. Geschwindigkeit der TREO-Website
Das Treo Site Speed Tool bietet unglaublich schnelle Tools für die Seitengeschwindigkeit mit einer attraktiven Benutzeroberfläche, die leicht zu lesen und zu verstehen ist.
5. Chrome Web Vitals Bibliothek
Es gibt ein fortschrittliches Tool zur Messung der grundlegenden Indikatoren der Besucher einer Seite, das von einzelnen Publishern auf ihren eigenen Webservern eingesetzt werden kann. Dieses Tool kann es den Publishern ermöglichen, die tatsächlichen Werte der lebenswichtigen Webindikatoren zu sehen, die bei der Lösung von Problemen auf Webseiten hilfreich sind. Ein ist hier verfügbar.
Bereiten Sie sich auf das INP vor
Obwohl der INP kein direkter Rankingfaktor ist, ist er dennoch ein nützlicher Maßstab, um die schnellstmögliche Seite zu erstellen, da die Geschwindigkeit der Website bekanntermaßen Verkäufe, Klicks und Werbeeinblendungen verbessert und den Signalen entspricht, die Google für das Ranking verwendet.
Dieses Bild wurde präsentiert von Shutterstock/Kues