Web Vitals

Philip Walton

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

نظرة عامة

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

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

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

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

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

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

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

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

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

دورة الحياة

تمر المقاييس على مسار "مؤشرات أداء الويب الأساسية" بدورة حياة تتكون من ثلاث مراحل: تجريبية ومعلَّقة وثابتة.

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

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

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

• LCP: ثابتة
• CLS: ثابتة
• INP: ثابتة

ميزة تجريبية

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

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

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

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

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

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

إسطبل

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

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

أدوات لقياس مؤشرات Core Web Vitals والإبلاغ عنها

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

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

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

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

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

يمكن قياس كل مؤشر من مؤشرات "Core Web Vitals" في JavaScript باستخدام واجهات برمجة تطبيقات الويب العادية.

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

باستخدام مكتبة مؤشرات أداء الويب، يمكن قياس كل مقياس من خلال استدعاء دالة واحدة (راجِع المستندات للحصول على تفاصيل الاستخدام وواجهة برمجة التطبيقات الكاملة):

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 من زيارات الصفحات.

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

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

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

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

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

• قياس سرعة عرض أكبر محتوى مرئي (LCP) في JavaScript
• قياس INP في JavaScript
• قياس متغيّرات التصميم التراكمية (CLS) في JavaScript

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

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

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

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

يمكن استخدام الأدوات التالية لقياس Core Web Vitals في بيئة معملية:

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

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

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

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

• تحسين سرعة عرض أكبر محتوى مرئي
• تحسين INP
• تحسين متغيّرات التصميم التراكمية (CLS)

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

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

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

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

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

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

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

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

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

سيتم توثيق التغييرات بوضوح في جميع مؤشرات أداء الويب في CHANGELOG العام هذا.