PageSpeed Insights hat seit Kurzem – genauer gesagt dem 11.05.2022 – eine neue Darstellung der Core Web Vitals. Neben der Ergänzung der Time To First Byte ist besonders auffällig, dass nun eine neue Metrik angezeigt wird: Interaction to Next Paint oder kurz INP.
Dass die Core Web Vitals sich weiterentwickeln, wurde von Anfang an versprochen. Dazu werden auch immer mal wieder neue Metriken diskutiert und getestet. Neuester Kandidat ist jetzt also INP. Vereinfacht ausgedrückt ist INP eine Variante des First Input Delays (FID), bei der nicht nur der erste Input zählt, sondern auch die folgenden.
INP misst die Responsiveness der Seite, wobei Responsiveness in diesem Fall nichts mit der Anpassung der Darstellung auf die Viewport-Größe zu tun hat, sondern mit der Reaktion auf die Nutzerinteraktion. Es geht hier darum, wie lange es von einer Nutzerinteraktion (wie einem Klick) dauert, bis sich etwas in der Darstellung ändert. Lass Dich also nicht davon verwirren, dass hier im Englischen zufällig das gleiche Wort verwendet wird!
Noch steht in den Sternen, ob INP Teil der Core Web Vitals wird, aber für Deine Nutzer ist es schon heute schön, wenn Deine Seite auch reagiert, wenn sie zum Beispiel auf den Kaufen-Button klicken. Wenn Du also beim nächsten Blick in die PageSpeed Insights schlechte Werte für INP siehst, dann ist das kein Grund zur Panik, aber natürlich auch nicht zur Entspannung. Du bist in guter Gesellschaft. Schließlich kommen aktuell die großen JS Frameworks alle noch kaum auf gute INP-Werte und google.com selbst hat auch noch Luft nach oben.
Wenn Du dazu mehr wissen willst, hat das Team von web.dev getestet, welche Frameworks hier besonders gut oder schlecht dastehen. Dabei haben sie auch noch ein wenig erklärt, wo man mit dem Debugging ansetzen kann, und welche Maßnahmen die großen JS-Frameworks planen, um bessere Reaktionszeiten liefern zu können.
Die Hinweise sind natürlich recht allgemein, können aber nicht nur für INP sondern auch für die Optimierung des FID Denkanstöße geben. Und wenn das nicht reicht, dann sind wir auch gerne für Dich da 😉