webVitalsAttribution

عند تصحيح المشكلات المتعلقة بمؤشرات ويب فيتالز، من المفيد غالبًا أن نتمكن من تحديد مصدر المشكلة بدقة. على سبيل المثال، في حالة Cumulative Layout Shift (CLS)، قد نرغب في معرفة أول عنصر حدث له تحول عند أكبر تحول تخطيطي حدث. أو في حالة Largest Contentful Paint (LCP)، قد نرغب في تحديد العنصر المقابل لـ LCP للصفحة. إذا كان عنصر LCP عبارة عن صورة، فإن معرفة عنوان URL لمورد الصورة يمكن أن يساعدنا في تحديد الأصل الذي نحتاج إلى تحسينه.

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

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

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

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