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

定位 Web Vitals 分数的最大贡献者，即归因，
使我们能够获取更深入的信息，例如性能事件计时、性能导航计时和性能资源计时的条目。

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

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

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