LayoutShift: свойство value

Чтение-только свойство value интерфейса LayoutShift возвращает значение, вычисленное как дробь от области видимости, смещенной в результате макета, умноженное на дробь от смещения.

Число от 0.0 до 1.0, указывающее на оценку смещения макета.

Он вычисляется как дробь от области видимости, которая была смещена, умноженная на дробь смещения (смещение, выраженное как часть от области видимости).

layout shift score = impact fraction * distance fraction

Подробнее см. оценку смещения макета на web.dev.

В следующем примере показано, как использовать свойство value для вывода оценки смещения макета.

const observer = new PerformanceObserver((list) => {
  for (const entry of list.getEntries()) {
    // Count layout shifts without recent user input only
    if (!entry.hadRecentInput) {
      console.log("Entry's layout shift score:", entry.value);
    }
  }
});

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