Web Vitals

Philip Walton

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

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

نظرة عامة

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

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

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

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

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

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

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

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

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

دورة الحياة

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

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

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

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

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

ميزة تجريبية

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

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

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

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

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

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

إسطبل

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

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

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

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

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

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

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

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

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

أسهل طريقة لقياس جميع مؤشرات "Core Web Vitals" هي استخدام مكتبة 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 على الأقل من زيارات الصفحة.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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