Was ist INP?

INP (Interaction to Next Paint) misst, wie schnell eine Seite auf Interaktionen reagiert. Es bewertet die Klicks, das Tippen und Tastaturinteraktionen während eines Besuchs und gibt einen Wert nahe der langsamsten Interaktion aus. Es hat FID im März 2024 als Core Web Vital ersetzt. FID maß nur die Eingabeverzögerung der ersten Interaktion; INP deckt jede Interaktion ab – bis zu dem Moment, in dem der Bildschirm aktualisiert wird.

#Warum es wichtig ist

• Wenn man auf „In den Warenkorb“ tippt und eine halbe Sekunde lang nichts sieht, wirkt die Seite defekt und führt zu mehrfachem Tippen.
• Die häufigste Ursache für einen hohen INP ist aufwendiges JavaScript, das den Hauptthread blockiert: große Bundles, Drittanbieter-Tags, lange Aufgaben (Long Tasks).

#Wo Sie es in SEOAsist sehen

• Auf der Karte Core Web Vitals auf der Seite Übersicht ist die Zeile mit INP / TBT beschriftet. INP erfordert eine echte Interaktion, weshalb Labormessungen diesen Wert nicht immer liefern; in diesem Fall wird der TBT-Wert (Total Blocking Time) von PageSpeed angezeigt. TBT ist ein guter Labor-Ersatzwert für INP.
• Die SEO-Analyse zeigt die Feststellung Hohe Interaktionsverzögerung an, wenn der Wert 200 ms überschreitet.

Mehr dazu: Übersichts-Dashboard.

#Beispiel

Teilen Sie lange Aufgaben auf, damit der Browser die Chance erhält, zuerst visuell zu rendern:

button.addEventListener("click", async () => {
  showSpinner();                                  // visual feedback first
  await new Promise((r) => setTimeout(r, 0));     // yield the main thread
  recalculateCart();                              // heavy work afterwards
});

#Häufige Fehler

• Das Laden sämtlicher Analytics- und Chat-Widgets direkt beim Seitenaufbau; verzögern Sie diese oder laden Sie sie erst bei Interaktion.
• Nur auf dem Desktop zu testen; INP ist auf leistungsschwächeren Smartphones oft deutlich schlechter.
• Weiterhin auf den FID-Wert zu achten; Google weist diesen nicht mehr aus.