LayoutShift: lastInputTime-Eigenschaft

Die lastInputTime-Eigenschaft, die schreibgeschützt ist, des LayoutShift-Interfaces liefert die Zeit der letzten ausschließenden Eingabe oder 0, falls keine ausschließende Eingabe stattgefunden hat.

Layout-Verschiebungen sind nur dann problematisch, wenn der Benutzer sie nicht erwartet. Kennzahlen zur Layout-Verschiebung, wie die CLS, schließen Verschiebungen aus, die kurz nach bestimmten Benutzerinteraktionen aufgetreten sind. Diese Interaktionen werden als ausschließende Eingaben bezeichnet. Ausschließende Eingaben sind:

• Alle Ereignisse, die auf eine aktive Interaktion des Benutzers mit dem Dokument hinweisen: (mousedown, keydown und pointerdown)
• Alle Ereignisse, die direkt die Größe des Ansichtsfensters ändern.
• change-Ereignisse.

Die mousemove und pointermove-Ereignisse sind keine ausschließenden Eingaben.

const observer = new PerformanceObserver((list) => {
  list.getEntries().forEach((entry) => {
    if (entry.lastInputTime) {
      console.log(entry.lastInputTime);
    }
  });
});

observer.observe({ type: "layout-shift", buffered: true });