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

确定对Web Vitals得分贡献最大的因素，即归因， 允许我们获得更深入的信息，如PerformanceEventTiming、PerformanceNavigationTiming和PerformanceResourceTiming的条目。

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

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

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