webVitalsAttribution

在调试与 Web Vitals 相关的问题时，若能定位问题根源往往非常有用。 例如，在累计布局偏移 (CLS) 的情况下，我们可能希望知道当发生最大单次布局偏移时，第一个发生偏移的元素是什么。 或者，在最大内容绘制 (LCP) 的情况下，我们可能希望识别与页面 LCP 相对应的元素。 如果 LCP 元素是图像，了解图像资源的 URL 可以帮助我们找到需要优化的资源。

定位影响 Web Vitals 分数的最大因素，即 归因分析， 使我们能够获取更深入的信息，例如 PerformanceEventTiming、PerformanceNavigationTiming 和 PerformanceResourceTiming 的条目。

Next.js 默认禁用归因分析功能，但可以通过在 next.config.js 中指定以下配置来按指标启用：

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

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