خيار webVitalsAttribution

عند تصحيح المشكلات المتعلقة بمؤشرات ويب الأساسية (Web Vitals)، من المفيد غالبًا أن نتمكن من تحديد مصدر المشكلة بدقة. على سبيل المثال، في حالة التحول التراكمي في التخطيط (CLS)، قد نرغب في معرفة العنصر الأول الذي تحرك عند حدوث أكبر تحول في التخطيط. أو في حالة أكبر محتوى مرئي مرسوم (LCP)، قد نرغب في تحديد العنصر المقابل لـ LCP للصفحة. إذا كان عنصر LCP عبارة عن صورة، فإن معرفة عنوان URL لمورد الصورة يمكن أن يساعدنا في تحديد الأصل الذي نحتاج إلى تحسينه.

يسمح لنا تحديد أكبر مساهم في درجة مؤشرات ويب الأساسية، والمعروف باسم الإسناد (attribution)، بالحصول على معلومات أكثر تفصيلاً مثل إدخالات PerformanceEventTiming، وPerformanceNavigationTiming، وPerformanceResourceTiming.

الإسناد معطل افتراضيًا في Next.js ولكن يمكن تفعيله لكل مقياس عن طريق تحديد التالي في ملف next.config.js.

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

القيم الصالحة للإسناد هي جميع مقاييس web-vitals المحددة في نوع NextWebVitalsMetric.