Web Vitals

Philip Walton

تاريخ النشر: 4 أيار (مايو) 2020

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

نظرة عامة

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

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

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

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

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

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

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

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

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

دورة الحياة

تخضع المقاييس في مسار "مؤشرات أداء الويب الأساسية" لدورة حياة تتألف من ثلاث مراحل: مرحلة تجريبية ومرحلة في انتظار المراجعة ومرحلة ثابتة.

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

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

تبلغ "مؤشرات أداء الويب الأساسية" مراحل دورة الحياة التالية:

• LCP: إصدار ثابت
• متغيّرات التصميم التراكمية (CLS): ثابتة
• INP: إصدار ثابت

ميزة تجريبية

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

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

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

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

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

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

إسطبل

عند الانتهاء من اختبار مقياس مُقترَح ضِمن "مؤشرات أداء الويب الأساسية"، يصبح مقياسًا ثابتًا. وعندها يمكن أن يصبح المقياس أحد "مؤشرات أداء الويب الأساسية".

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

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

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

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

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

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

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

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

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

باستخدام مكتبة web-vitals، يمكن قياس كل مقياس من خلال استدعاء دالة واحدة. اطّلِع على المستندات للحصول على تفاصيل كاملة حول الاستخدام وواجهة برمجة التطبيقات.

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);

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

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

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

• قياس LCP في JavaScript
• قياس مقياس INP في JavaScript
• قياس مقياس CLS في JavaScript

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

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

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

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

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

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

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

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

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

• تحسين LCP
• تحسين INP
• تحسين متغيّرات التصميم التراكمية

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

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

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

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

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

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

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

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

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

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

بالنسبة إلى جميع مقياسات Web Vitals، سيتم توثيق التغييرات بوضوح في سجلّ التغييرات العلني هذا.