LayoutShift：value 属性

实验性： 这是一个 实验性技术
在生产环境中使用之前，请仔细查看 浏览器兼容性表格。

value 是 LayoutShift 接口的只读属性，它返回计算出的布局偏移分数，该分数等于影响分数（发生偏移的视窗分数）乘以距离分数（移动距离占视窗的比例）。

值

一个介于 0.0 和 1.0 之间的数字，表示布局偏移分数。

它被计算为影响分数（发生偏移的视窗分数）乘以距离分数（移动距离占视窗的比例）。

layout shift score = impact fraction * distance fraction

有关更多详细信息，请参阅 web.dev 上的 布局偏移分数。

示例

记录条目的布局偏移分数

以下示例演示了如何使用 value 属性来记录布局偏移分数。

js
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 });

规范

规范
布局不稳定
# dom-layoutshift-value

浏览器兼容性

BCD 表格仅在浏览器中加载