webVitalsAttribution

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

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

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

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

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