Web Vitals

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

نظرة عامة

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

قدّمت Google عددًا من الأدوات على مدار السنين لقياس الأداء وإعداد تقارير عنه. بعض المطوّرين خبراء في استخدام هذه الأدوات، بينما وجد البعض الآخر أنّه من الصعب مواكبتها بسبب وفرة الأدوات والمقاييس.

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

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

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

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

اقتراحات الحدّ الأدنى لسرعة عرض أكبر محتوى مرئي اقتراحات الحد الأدنى لمهلة الاستجابة الأولى اقتراحات الحدّ الأدنى لمتغيّرات التصميم التراكمية
  • سرعة عرض أكبر محتوى مرئي (LCP): يقيّم هذا المقياس سرعة تحميل الأداء. لتقديم تجربة جيدة للمستخدم، يجب أن يظهر مقياس LCP في حدود 2.5 ثانية من بدء تحميل الصفحة لأول مرة.
  • مدى استجابة الصفحة لتفاعلات المستخدم (INP): يقيّم هذا المقياس مدى التفاعل. لتقديم تجربة جيدة للمستخدم، يجب أن يبلغ مقياس "مدى استجابة الصفحة لتفاعلات المستخدم" (INP) 200 ملّي ثانية أو أقل.
  • متغيّرات التصميم التراكمية (CLS): تقيس هذا المقياس الثبات البصري. لتقديم تجربة جيدة للمستخدم، يجب أن تحافظ الصفحات على قيمة 0.1. أو أقل من متغيّرات التصميم التراكمية (CLS).

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

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

دورة الحياة

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

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

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

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

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

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

ميزة تجريبية

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

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

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

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

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

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

إسطبل

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

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

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

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

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

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

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

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

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

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

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

في مكتبة مؤشرات الويب، يمكن قياس كل مقياس من خلال استدعاء دالة واحدة (راجع المستندات لمعرفة تفاصيل الاستخدام و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. تستخدم هذه الإضافة مكتبة مؤشرات الويب لقياس كل مقياس من هذه المقاييس وعرضها للمستخدمين أثناء تصفّحهم للويب.

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

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

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

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

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

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

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

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

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

على الرغم من أن القياس في المختبر هو جزء أساسي من تقديم تجارب رائعة، إلا أنه ليس بديلاً للقياس الميداني.

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

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

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

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

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

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

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

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

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

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

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

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

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