Interaction to Next Paint (INP)

Interaction to Next Paint: wie lange die Seite braucht, um sichtbar auf einen Tipp oder Klick zu reagieren. Gut ist unter 200 ms.

• Hilfe

Interaction to Next Paint misst die Reaktionsfähigkeit: die Zeit von einem Tippen, Klicken oder Tastendruck bis zu dem Frame, in dem der Browser eine Reaktion zeigt. Gemeldet wird ungefähr die langsamste Interaktion eines Besuchs — ein einziges träges Menü oder ein Filter genügt, um den Wert zu verderben. Im März 2024 hat INP den First Input Delay als Core Web Vital abgelöst.

Grenzwerte und Herkunft der Zahl

Bis 200 ms gut, bis 500 ms verbesserungswürdig, darüber schlecht — nach diesen Grenzen färbt SiteScan die Zeile. INP lässt sich nur an echten Interaktionen messen, daher erscheint er nur in den Zeilen echter Nutzer aus dem Chrome UX Report: als 75. Perzentil der letzten 28 Tage. Eine Website ohne genügend Chrome-Verkehr hat gar keinen INP-Wert; der nächste Laborhinweis ist die Total Blocking Time in den Lighthouse-Zeilen, die SiteScan bis 200 ms als gut wertet.

So verbessern Sie ihn

Fast immer ist der Hauptthread mit JavaScript beschäftigt.

• Teilen Sie lange Aufgaben auf und geben Sie zwischendurch an den Browser ab, etwa mit await scheduler.yield() oder setTimeout.
• Zeigen Sie zuerst eine sichtbare Rückmeldung und erledigen Sie die schwere Arbeit danach.
• Liefern Sie weniger JavaScript aus: ungenutzte Bibliotheken entfernen, Skripte von Drittanbietern später laden.
• Vermeiden Sie riesige DOM-Bäume, die jedes Neuzeichnen teuer machen.