webVitalsAttribution

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

查明对 Web 指标分数贡献最大的因素，也就是 归因，使我们能够获取更深入的信息，例如 PerformanceEventTiming、PerformanceNavigationTiming 和 PerformanceResourceTiming 的条目。

在 Next.js 中，默认情况下禁用归因，但可以通过在 next.config.js 中指定以下内容来 **按指标** 启用归因。

experimental: {
  webVitalsAttribution: ['CLS', 'LCP']
}

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