webVitalsAttribution

Web Vitals ile ilgili sorunlarda hata ayıklarken, sorunun kaynağını tam olarak belirleyebilmemiz genellikle yararlı olur. Örneğin, Kümülatif Düzen Kayması (CLS) durumunda, en büyük tek düzen kayması meydana geldiğinde kayan ilk öğeyi bilmek isteyebiliriz. Veya En Büyük İçerik Boyası (LCP) durumunda, sayfa için LCP'ye karşılık gelen öğeyi tanımlamak isteyebiliriz. LCP öğesi bir görüntü ise, görüntü kaynağının URL'sini bilmek, optimize etmemiz gereken varlığı bulmamıza yardımcı olabilir.

Web Vitals puanına en büyük katkıyı yapan kişiyi, diğer bir deyişle atfını tespit etmek, PerformanceEventTiming, PerformanceNavigationTiming ve PerformanceResourceTiming girişleri gibi daha derinlemesine bilgi edinmemizi sağlar.

İlişkilendirme Next.js'de varsayılan olarak devre dışıdır ancak next.config.js adresinde aşağıdakiler belirtilerek metrik başına etkinleştirilebilir.

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

Geçerli ilişkilendirme değerleri, web-vitals adresinde belirtilen tüm metriklerdir. NextWebVitalsMetric tip.