LayoutShift: свойство lastInputTime

Чтение только свойство lastInputTime интерфейса LayoutShift возвращает время последнего исключающего ввода или 0, если исключающего ввода не произошло.

Сдвиги макета вредны только в том случае, если пользователь их не ожидал. Метрики сдвигов макета, такие как CLS, исключают сдвиги, произошедшие вскоре после определённых пользовательских взаимодействий. Эти взаимодействия называются исключающими входами. К исключающим входам относятся:

• Любые события, сигнализирующие об активном взаимодействии пользователя с документом: (mousedown, keydown и pointerdown)
• Любые события, которые напрямую изменяют размер области просмотра.
• change события.

События mousemove и pointermove не являются исключающими входами.

Значение DOMHighResTimeStamp, указывающее время последнего исключающего ввода, или 0, если такой ввод не произошёл.

Записывать время исключающего ввода, если он произошёл.

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

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

• LayoutShift.hadRecentInput