تعمل Google على توسيع عدد الطرق التي يمكن لأصحاب المواقع قياسها من خلال Core Web Vitals ، حيث تقدم الآن 6 طرق في المجموع.
تم تقديم Core Web Vitals قبل بضعة أسابيع فقط ، وفي ذلك الوقت كان يمكن قياسها فقط باستخدام تقرير Chrome UX.
مع الإعلان عن دمج Core Web Vitals في خوارزمية ترتيب Google ، تضيف الشركة إمكانات القياس إلى العديد من أدواتها الحالية.
انظر: ستصبح قيم الويب الرئيسية لـ Google إشارات ترتيب
يمكن الآن قياس عناصر الويب الأساسية باستخدام:
- Search Console
- PageSpeed Insights
- منارة
- Chrome DevTools
- تقرير Chrome UX
- ملحق الويب الحيوية
ستجد هنا مزيدًا من المعلومات حول استخدام كل من هذه الأدوات لقياس حيوية الويب الأساسية.
Search Console
هناك تقرير Core Web Vitals جديد في Search Console لمساعدة مالكي المواقع على تقييم الصفحات عبر موقع بأكمله.
يحدد التقرير مجموعات الصفحات التي تحتاج إلى اهتمام ، استنادًا إلى بيانات واقعية من تقرير Chrome UX.
مع هذا التقرير ، لاحظ أنه سيتم تجاهل عناوين URL إذا لم يكن لديها حد أدنى من بيانات التقرير.
PageSpeed Insights
تم تحديث PageSpeed Insights لاستخدام Lighthouse 6.0 ، مما يجعلها قادرة على قياس عناصر الويب الأساسية في المختبر والأقسام الميدانية من التقرير.
يتم توضيح عناصر الويب الأساسية بشريط أزرق كما هو موضح أدناه.
منارة
تم تحديث Lighthouse مؤخرًا إلى الإصدار 6.0 ، والذي يتضمن تدقيقات إضافية ومقاييس جديدة ودرجة أداء مكونة حديثًا.
ميلادي
تابع القراءة أدناه
اثنان من هذه المقاييس المضافة الجديدة هما طلاء المحتوى الأعلى (LCP) وتغيير التصميم التراكمي (CLS).
هذه المقاييس هي تطبيقات مخبرية لـ Core Web Vitals وتوفر معلومات تشخيصية لتحسين تجربة المستخدم.
يقال أن المقياس الجديد الثالث ، إجمالي وقت الحظر (TBT) ، يرتبط بشكل جيد مع تأخير الإدخال الأول (FID) ، وهو مقياس Core Web Vital آخر.
يتم تحديث جميع المنتجات المدعومة من Lighthouse لتعكس أحدث إصدار.
تقرير Chrome UX
يُعرف هذا التقرير أيضًا باسم CrUX ، وهو مجموعة بيانات عامة لبيانات تجربة المستخدم الحقيقية على ملايين المواقع الإلكترونية.
يقيس تقرير Chrome UX الإصدارات الميدانية لجميع عناصر الويب الحيوية الأساسية ، مما يعني أنه يُبلغ عن بيانات واقعية بدلاً من بيانات المعمل.
قامت Google مؤخرًا بتحديث التقرير بصفحة Core Web Vitals الرئيسية الجديدة.
ميلادي
تابع القراءة أدناه
يمكن الوصول إلى التقرير هنا.
Chrome DevTools
تم تحديث Chrome DevTools لمساعدة مالكي المواقع في العثور على مشكلات عدم الاستقرار البصري وإصلاحها في صفحة يمكن أن تساهم في تغيير التصميم التراكمي (CLS).
حدد تغيير تصميم لعرض تفاصيله في علامة تبويب الملخص. لعرض مكان حدوث التغيير نفسه ، مرر مؤشر الماوس فوق الحقلين “من” و “منقول إلى”.
يقيس Chrome DevTools أيضًا إجمالي وقت الحظر (TBT) ، وهو أمر مفيد عندما يتعلق الأمر بتحسين تأخير الإدخال الأول (FID).
ميلادي
تابع القراءة أدناه
يتم عرض TBT الآن في تذييل لوحة معلومات أداء Chrome DevTools عند قياس أداء الصفحة.
يجب أن تعمل تحسينات الأداء التي تعمل على تحسين TBT في المختبر أيضًا على تحسين FID.
ملحق الويب الحيوية
إضافة جديدة ، متاحة الآن للتثبيت من سوق Chrome الإلكتروني ، تقيس جميع مقاييس Core Web Vitals الثلاثة في الوقت الفعلي.
يمكنك تنزيل وتثبيت الامتداد هنا.
المصدر: Web.dev