跳到内容
配置next.config.jswebVitalsAttribution

webVitalsAttribution

此功能目前为实验性功能，可能会发生变化，不建议在生产环境中使用。请尝试使用并在 GitHub 上分享您的反馈。

当调试与 Web Vitals 相关的问题时，如果我们能够查明问题的根源，通常会很有帮助。例如，在累积布局偏移 (CLS) 的情况下，我们可能想知道当发生最大的布局偏移时，第一个偏移的元素是什么。或者，在最大内容ful Paint (LCP) 的情况下，我们可能想识别页面 LCP 对应的元素。如果 LCP 元素是图像，了解图像资源的 URL 可以帮助我们找到需要优化的资源。

找出 Web Vitals 分数的最大贡献者，即 attribution，使我们能够获得更深入的信息，例如 PerformanceEventTiming、PerformanceNavigationTiming 和 PerformanceResourceTiming 的条目。

Attribution 在 Next.js 中默认禁用，但可以通过在 next.config.js 中指定以下内容来为每个指标启用。

next.config.js
module.exports = {
  experimental: {
    webVitalsAttribution: ['CLS', 'LCP'],
  },
}

有效的 attribution 值是 NextWebVitalsMetric 类型中指定的所有 web-vitals 指标。