Web Vitals

Philip Walton

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

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

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

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

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

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

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

دورة الحياة

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

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

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

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

• LCP: قيمة ثابتة
• مهلة الاستجابة الأولى: ثابتة
• CLS: ثابتة
• مدى استجابة الصفحة لتفاعلات المستخدم (INP): في انتظار المراجعة

لمزيد من المعلومات حول تطوير مقياس INP، يمكنك الاطّلاع على مقالة تحسين مدى استجابة الصفحة لتفاعلات المستخدم.

ميزة تجريبية

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

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

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

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

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

إسطبل

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

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

نقطة أساسية: ليس بالضرورة أن تكون المقاييس الثابتة دائمة. يمكن إنهاء العمل بالمقياس الثابت واستبداله بمقياس آخر يعالج منطقة المشكلة بشكل أكثر فعالية.

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

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

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

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

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

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

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

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

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

import {onCLS, onFID, 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);
onFID(sendToAnalytics);
onLCP(sendToAnalytics);

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

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

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

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

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

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

• قياس سرعة LCP في JavaScript
• قياس مقياس FID في JavaScript
• قياس متغيّرات التصميم التراكمية (CLS) في JavaScript

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

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

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

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

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

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

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

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

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

• تحسين سرعة LCP
• تحسين مقياس FID
• تحسين متغيّرات التصميم التراكمية (CLS)

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

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

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

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

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

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

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

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

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

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