LayoutShift: свойство hadRecentInput

Чтение только свойство hadRecentInput интерфейса LayoutShift возвращает true , если значение lastInputTime меньше 500 миллисекунд назад.

Смещения макета представляют проблему только в том случае, если пользователь их не ожидает, поэтому смещения макета, являющиеся результатом действий пользователя (например, расширения элемента пользовательского интерфейса), часто не учитываются в показателях смещения макета. Свойство hadRecentInput позволяет исключить эти смещения.

Булево значение, возвращающее true , если значение lastInputTime меньше 500 миллисекунд назад; false в противном случае.

Следующий пример демонстрирует, как использовать свойство hadRecentInput для подсчета только смещений макета без недавнего пользовательского ввода.

const observer = new PerformanceObserver((list) => {
  for (const entry of list.getEntries()) {
    // Count layout shifts without recent user input only
    if (!entry.hadRecentInput) {
      console.log("LayoutShift value:", entry.value);
      if (entry.sources) {
        for (const { node, currentRect, previousRect } of entry.sources)
          console.log("LayoutShift source:", node, {
            currentRect,
            previousRect,
          });
      }
    }
  }
});

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

• LayoutShift.lastInputTime