Web Vitals

"مؤشرات أداء الويب" هي مبادرة من Google تهدف إلى توفير إرشادات موحّدة لإشارات جودة صفحات الويب، وهي ضرورية لتقديم تجربة رائعة للمستخدمين على الويب. وتهدف هذه الأداة إلى تبسيط مجموعة كبيرة من أدوات قياس الأداء المتاحة، ومساعدة مالكي المواقع الإلكترونية في التركيز على المقاييس الأكثر أهمية، وهي مؤشرات أداء الويب الأساسية.

مؤشرات أداء الويب الأساسية

مؤشرات أداء الويب الأساسية هي مجموعة فرعية من "مؤشرات أداء الويب" تنطبق على جميع صفحات الويب، ويجب أن يقيسها جميع مالكي المواقع الإلكترونية ويتم عرضها على جميع أدوات Google. يمثّل كلّ مؤشر من "مؤشرات أداء الويب الأساسية" جانبًا مميّزًا لتجربة المستخدم، ويمكن قياسه في المجال، وتعكس التجربة الواقعية لنتائج مهمة تركّز على المستخدم.

إنّ المقاييس التي تشكّل "مؤشرات أداء الويب الأساسية" تتطوّر مع مرور الوقت. تركّز المجموعة الحالية على ثلاثة جوانب لتجربة المستخدم، وهي: التحميل والتفاعل والثبات البصري. يتضمن المقاييس التالية:

اقتراحات الحدّ الأدنى لسرعة عرض أكبر محتوى مرئي اقتراحات حول مدى استجابة الصفحة لتفاعلات المستخدم اقتراحات الحدّ الأدنى لمتغيّرات التصميم التراكمية

بالنسبة إلى كل من هذه المقاييس، لضمان تحقيق الهدف المقترَح لمعظم المستخدمين، يكون الحد الأدنى الجيد لقياسه الشريحة المئوية الخامسة والسبعين من عمليات تحميل الصفحات، مقسّمةً على أجهزة الجوّال وأجهزة الكمبيوتر المكتبي.

أما الأدوات التي تقيّم الامتثال في "مؤشرات أداء الويب الأساسية"، فيجب أن تراعي أنّ الصفحة متوافقة مع المتطلبات التي يُنصح بها عند النسبة المئوية الخامسة والسبعين لكل مقياس من هذه المقاييس الثلاثة.

دورة الحياة

تمر المقاييس في مسار "مؤشرات أداء الويب الأساسية" خلال مراحل نشاطها، وتتألف من ثلاث مراحل: تجريبية ومعلَّقة ومستقرة.

مراحل دورة الحياة الثلاث لمقاييس "مؤشرات أداء الويب الأساسية"، وتظهر في شكل سلسلة من ثلاث شرائط من اليسار إلى اليمين، تكون المراحل "تجريبية" و"في انتظار المراجعة" و"ثابتة".
مراحل نشاط "مؤشرات أداء الويب الأساسية"

تم تصميم كل مرحلة لتقديم إشارة للمطوّرين حول كيفية التفكير في كل مقياس:

  • المقاييس التجريبية هي مؤشرات أداء الويب الأساسية المحتملة التي قد لا تزال تخضع لتغييرات كبيرة بناءً على الاختبارات وملاحظات المنتدى.
  • المقاييس في انتظار المراجعة هي "مؤشرات أداء الويب الأساسية" التي اجتازت مرحلة الاختبار وتقديم الملاحظات، وتمتلك مخططًا زمنيًا محدّدًا جيدًا لكي يصبح مستقرًا.
  • المقاييس الثابتة هي المجموعة الحالية من "مؤشرات أداء الويب الأساسية" التي يعتبرها Chrome ضرورية لتجارب المستخدمين الرائعة.

تندرج "مؤشرات أداء الويب الأساسية" في مراحل النشاط التالية:

  • LCP: قيمة ثابتة
  • CLS: ثابتة
  • INP: القناة الثابتة

ميزة تجريبية

عندما يتم تطوير مقياس معيّن في البداية ودخوله المنظومة المتكاملة، يتم اعتباره مقياسًا تجريبيًا.

إن الغرض من المرحلة التجريبية هو تقييم مدى ملاءمة المقياس، أولاً من خلال استكشاف المشكلة المراد حلها، وربما التكرار التحسيني على المقاييس السابقة التي ربما فشلت في معالجتها. على سبيل المثال، تم تقديم مدى استجابة الصفحة لتفاعلات المستخدم (INP) في البداية كمقياس تجريبي في عام 2022 لمعالجة مشاكل أداء وقت التشغيل على الويب بشكل أكثر شمولاً من مهلة الاستجابة الأولى (FID).

تهدف المرحلة التجريبية من "مؤشرات أداء الويب الأساسية" أيضًا إلى توفير المرونة في تطوير المقياس من خلال تحديد الأخطاء وكذلك استكشاف التغييرات في التعريف الأولي للمقياس. إنها أيضًا المرحلة التي تكون فيها ملاحظات المجتمع أكثر أهمية.

في انتظار الموافقة

عندما يقرر فريق Chrome أن أحد المقاييس التجريبية قد تلقى ملاحظات كافية وأثبت فعاليته، يصبح مقياسًا في انتظار المراجعة. على سبيل المثال، تمّت ترقية مقياس INP في 2023 من حالة تجريبية إلى حالة في انتظار المراجعة بهدف إيقاف مقياس FID في نهاية المطاف.

ويتم الاحتفاظ بالمقاييس المعلّقة في هذه المرحلة لمدة ستة أشهر على الأقل لمنح المنظومة المتكاملة وقتًا للتكيف. تظل ملاحظات المنتدى جانبًا مهمًا من هذه المرحلة، حيث يبدأ المزيد من المطورين في استخدام المقياس.

إسطبل

عند الانتهاء من مقياس مرشح "مؤشرات أداء الويب الأساسية"، يصبح مقياسًا ثابتًا. هذا هو الوقت الذي يمكن فيه أن يصبح المقياس أحد مؤشرات أداء الويب الأساسية.

يتم دعم المقاييس الثابتة بشكل فعّال، ويمكن أن تخضع لإصلاح الأخطاء وتغييرات في التعريف. ولن تتغيّر مقاييس "مؤشرات أداء الويب الأساسية" الثابتة أكثر من مرة واحدة في السنة. سيتم الإعلان بوضوح عن أي تغيير في أحد مؤشرات أداء الويب الأساسية في المستندات الرسمية للمقياس، وكذلك في سجلّ التغييرات للمقياس. يتم أيضًا تضمين مؤشرات الويب الأساسية في أي تقييمات.

ليس بالضرورة أن تكون المقاييس الثابتة دائمة. يمكن إلغاء مقياس ثابت واستبداله بمقياس آخر يعالج منطقة المشكلة بشكل أكثر فعالية. هذا ما حدث بالضبط مع مقياس FID (مهلة الاستجابة الأولى) الذي أصبح مقياسًا ثابتًا لمقياس "مؤشرات أداء الويب الأساسية" في عام 2024.

قياس "مؤشرات أداء الويب الأساسية" والإبلاغ عنها

ترى Google أنّ "مؤشرات أداء الويب الأساسية" مهمة لجميع تجارب الويب. ونتيجةً لذلك، فإنّها تلتزم بعرض هذه المقاييس في كل أدواتها الرائجة. توضّح الأقسام التالية الأدوات التي تتوافق مع "مؤشرات أداء الويب الأساسية"

الأدوات الميدانية لقياس "مؤشرات أداء الويب الأساسية"

يجمع تقرير تجربة المستخدم في Chrome بيانات قياس أداء مستخدم حقيقية ومجهولة الهوية لكل من مؤشرات أداء الويب الأساسية. تسمح هذه البيانات لمالكي المواقع الإلكترونية بتقييم أدائهم بسرعة بدون أن يُطلب منهم إعداد إحصاءات لصفحاتهم يدويًا، كما توفّر أدوات مثل إحصاءات PageSpeed وتقرير "مؤشرات أداء الويب الأساسية" في Search Console.

  سرعة عرض أكبر جزء من المحتوى على الصفحة (LCP) مدى استجابة الصفحة لتفاعلات المستخدم (INP) متغيّرات التصميم التراكمية (CLS)
تقرير تجربة المستخدم على Chrome
إحصاءات PageSpeed
Search Console (تقرير "مؤشرات أداء الويب الأساسية")

توفّر البيانات المقدَّمة من تقرير تجربة المستخدم في Chrome طريقة سريعة لتقييم أداء الموقع الإلكتروني، ولكنها لا توفّر قياسًا تفصيليًا لكل صفحة عن بُعد يكون ضروريًا غالبًا لتشخيص الانحدارات ومراقبتها والاستجابة السريعة لها بشكلٍ دقيق. ونتيجةً لذلك، ننصح بشدة المواقع الإلكترونية بإعداد ميزة مراقبة المستخدمين.

قياس "مؤشرات أداء الويب الأساسية" في JavaScript

يمكن قياس جميع مؤشرات أداء الويب الأساسية بلغة JavaScript باستخدام واجهات برمجة تطبيقات الويب العادية.

إنّ أسهل طريقة لقياس كل مؤشرات أداء الويب الأساسية هي استخدام مكتبة JavaScript web-vitals، وهي عبارة عن برنامج تضمين صغير وجاهز للإنتاج من واجهة برمجة التطبيقات يقيس كل مقياس بطريقة تتطابق بدقة مع التقرير الذي توفّره أدوات Google في التقارير.

في مكتبة web-vitals، يكون قياس كل مقياس بسيطًا مثل استدعاء دالة واحدة (راجِع المستندات لمعرفة تفاصيل الاستخدام وAPI الكاملة):

import {onCLS, onINP, onLCP} from 'web-vitals';

function sendToAnalytics(metric) {
  const body = JSON.stringify(metric);
  // Use `navigator.sendBeacon()` if available, falling back to `fetch()`.
  (navigator.sendBeacon && navigator.sendBeacon('/analytics', body)) ||
    fetch('/analytics', {body, method: 'POST', keepalive: true});
}

onCLS(sendToAnalytics);
onINP(sendToAnalytics);
onLCP(sendToAnalytics);

بعد إعداد موقعك الإلكتروني لاستخدام مكتبة مؤشرات الويب لقياس بيانات "مؤشرات أداء الويب الأساسية" وإرسالها إلى نقطة نهاية متعلّقة بالإحصاءات، تتمثّل الخطوة التالية في تجميع تلك البيانات وإعداد تقارير عنها لمعرفة ما إذا كانت صفحاتك تستوفي الحدود المقترَحة لنسبة 75% على الأقل من زيارات الصفحة.

على الرغم من أنّ بعض مزوّدي خدمات التحليلات يدعمون مقاييس "مؤشرات أداء الويب الأساسية"، حتى تلك التي لا تتضمّن ميزات المقاييس المخصّصة الأساسية التي تتيح لك قياس "مؤشرات أداء الويب الأساسية" في أداتهم.

وأحد الأمثلة على ذلك هو تقرير "مؤشرات أداء الويب" الذي يتيح لمالكي المواقع الإلكترونية قياس "مؤشرات أداء الويب الأساسية" باستخدام "إحصاءات Google". للحصول على إرشادات حول قياس "مؤشرات أداء الويب الأساسية" باستخدام أدوات إحصاءات أخرى، يُرجى مراجعة أفضل الممارسات المتعلّقة بقياس "مؤشرات أداء الويب" في هذا الحقل.

يمكنك أيضًا إعداد تقارير عن كل من "مؤشرات أداء الويب الأساسية" بدون كتابة أي رمز باستخدام إضافة "مؤشرات أداء الويب" في Chrome. وتستخدم هذه الإضافة مكتبة web-vitals لقياس كل مقياس من هذه المقاييس وعرضها للمستخدمين أثناء تصفّحهم للويب.

يمكن أن تكون هذه الإضافة مفيدة في فهم أداء مواقعك الإلكترونية ومواقع منافسيك والويب بشكل عام.

  سرعة عرض أكبر جزء من المحتوى على الصفحة (LCP) مدى استجابة الصفحة لتفاعلات المستخدم (INP) متغيّرات التصميم التراكمية (CLS)
مؤشرات الويب
إضافة "مؤشرات أداء الويب"

وبدلاً من ذلك، يمكن للمطوّرين الذين يفضّلون قياس هذه المقاييس مباشرةً باستخدام واجهات برمجة تطبيقات الويب الأساسية استخدام أدلة المقاييس هذه للحصول على تفاصيل التنفيذ:

للحصول على إرشادات إضافية حول قياس هذه المقاييس باستخدام خدمات الإحصاءات الرائجة أو أدوات الإحصاءات الداخلية في مؤسستك، راجِع المقالة أفضل الممارسات لقياس "مؤشرات أداء الويب" في هذا المجال.

أدوات اختبارية لقياس "مؤشرات أداء الويب الأساسية"

مع أنّ جميع "مؤشرات أداء الويب الأساسية" هي في المقام الأول مقاييس خاصة بالمجال، إلا أنّ العديد منها يمكن قياسه أيضًا في الميزة الاختبارية.

القياس المعملي هو أفضل طريقة لاختبار أداء الميزات أثناء التطوير. وهي أيضًا أفضل طريقة لرصد أي تراجع في الأداء قبل حدوثه.

يمكن استخدام الأدوات التالية لقياس "مؤشرات أداء الويب الأساسية" في بيئة للمختبر:

  سرعة عرض أكبر جزء من المحتوى على الصفحة (LCP) مدى استجابة الصفحة لتفاعلات المستخدم (INP) متغيّرات التصميم التراكمية (CLS)
"أدوات مطوري البرامج في Chrome" (استخدِم TBT بدلاً منه)
Lighthouse (استخدِم TBT بدلاً منه)

إنّ أدوات مثل Lighthouse التي تحمِّل صفحات في بيئة محاكاة بدون مستخدم لا يمكنها قياس مدى استجابة الصفحة لتفاعلات المستخدم (INP) لأنّها لا تتضمّن إدخالاً من المستخدم. بالرغم من ذلك، يمكن قياس إجمالي وقت الحظر (TBT) في مختبَرات التطبيق وهو وسيلة بديلة مقبولة لمشاكل INP التي قد ترجع إلى التنافس في سلسلة التعليمات الرئيسية أثناء بدء التشغيل. إنّ تحسينات الأداء التي تساهم في تحسين تحديد "تحديد المصدر بالاستناد إلى البيانات" في المختبر يجب أن تحسِّن INP في المجال. وللحصول على مزيد من الإرشادات، اطّلِع على اقتراحات لتحسين نتائجك.

على الرغم من أن القياس في المختبر هو جزء أساسي من تقديم تجارب رائعة، إلا أنه ليس بديلاً للقياس الميداني. يمكن أن يختلف أداء الموقع الإلكتروني اختلافًا كبيرًا استنادًا إلى إمكانات جهاز المستخدم وظروف الشبكة لديه والعمليات الأخرى التي قد يتم تشغيلها على الجهاز وكيفية تفاعله مع الصفحة. في الواقع، يمكن أن تتأثر نتيجته بتفاعل المستخدم لكل مقياس من مقاييس "مؤشرات أداء الويب الأساسية". يمكن لقياس الحقل فقط التقاط الصورة الكاملة بدقة.

اقتراحات لتحسين نتائجك

تقدّم الأدلّة التالية اقتراحات محدّدة حول كيفية تحسين صفحاتك لكل من مؤشرات أداء الويب الأساسية:

مؤشرات أداء الويب الأخرى

مع أنّ "مؤشرات أداء الويب الأساسية" هي المقاييس المهمة لفهم التجربة الرائعة للمستخدم وتقديمها، هناك أيضًا مقاييس حيوية أخرى.

وغالبًا ما تكون مؤشرات أداء الويب الأخرى هذه بمثابة مقاييس إضافية أو مكمِّلة لمؤشرات أداء الويب الأساسية للمساعدة في الحصول على جزء أكبر من التجربة أو المساعدة في تشخيص مشكلة معيّنة.

على سبيل المثال، يُعدّ كلٌّ من الوقت المستغرق حتى أول بايت (TTFB) وسرعة عرض أول محتوى (FCP) جانبَين حيويًا في تجربة التحميل، وكلاهما مفيدان في تشخيص المشاكل المرتبطة بمقياس LCP (أوقات استجابة الخادم بطيئة أو موارد حظر العرض، على التوالي).

وبالمثل، يُعدّ مقياسًا مثل إجمالي وقت الحظر (TBT) مقياسًا تطبيقيًا حيويًا لرصد وتحليل مشاكل التفاعل المحتمَلة التي يمكن أن تؤثر في مقياس INP. ومع ذلك، فإنّها ليست جزءًا من مجموعة "مؤشرات أداء الويب الأساسية" لأنّها غير قابلة للقياس ميدانيًا ولا تعكس نتيجة ترتكز على المستخدم.

التغييرات في "مؤشرات أداء الويب"

تمثّل "مؤشرات أداء الويب" و"مؤشرات أداء الويب الأساسية" أفضل الإشارات المتاحة للمطوّرين اليوم لقياس جودة تجربة الاستخدام على الويب، ولكن هذه الإشارات ليست مثالية ومن المتوقّع أن يتم إدخال تحسينات أو إضافات مستقبلية.

تكون مؤشرات أداء الويب الأساسية ذات صلة بجميع صفحات الويب ويتم عرضها على أدوات Google ذات الصلة. بما أنّ التغييرات التي يتم إجراؤها على هذه المقاييس لها تأثير واسع النطاق، يجب أن يتوقّع المطوّرون أن تكون تعريفات وحدود "مؤشرات أداء الويب الأساسية" ثابتة، بالإضافة إلى إشعار مسبق وجدول زمني يمكن توقُّعه لإجراء التحديثات.

وتكون مؤشرات أداء الويب الأخرى غالبًا مرتبطة بالسياق أو الأداة، وقد تكون تجريبية أكثر من مؤشرات أداء الويب الأساسية. لذلك، قد تتغير تعريفاتها وحدودها بتكرار أكبر.

بالنسبة إلى جميع مؤشرات أداء الويب، يتم توثيق التغييرات في سجلّ التغييرات العام هذا.