تاريخ النشر: 4 مايو 2020، تاريخ آخر تعديل: 31 أكتوبر 2024
تحسين جودة تجربة المستخدم هو مفتاح نجاح أي موقع إلكتروني على المدى الطويل. وسواء كنت مالك مؤسسة أو جهة تسويق أو مطوّر برامج، يمكن أن تساعدك Web Vitals على قياس تجربة موقعك الإلكتروني وتحديد فرص التحسين.
نظرة عامة
Web Vitals هي مبادرة أطلقتها Google تهدف إلى توفير إرشادات موحّدة حول إشارات الجودة الأساسية لتقديم تجربة مستخدم ممتازة على الويب.
قدّمت Google على مرّ السنين عددًا من الأدوات لقياس الأداء وإعداد تقارير عنه. يُعدّ بعض المطوّرين خبراء في استخدام هذه الأدوات، بينما يجد آخرون صعوبة في مواكبة العدد الكبير من الأدوات والمقاييس.
لا يُفترض أن يكون مالكو المواقع الإلكترونية خبراء في الأداء ليفهموا جودة التجربة التي يقدّمونها للمستخدمين. تهدف مبادرة Web Vitals إلى تبسيط هذا المجال ومساعدة المواقع الإلكترونية في التركيز على المقاييس الأكثر أهمية، وهي مؤشرات Core Web Vitals.
مؤشرات أداء الويب الأساسية
تُعدّ Core Web Vitals مجموعة فرعية من مؤشرات Web Vitals التي تنطبق على جميع صفحات الويب، ويجب أن يقيسها جميع مالكي المواقع، وسيتم عرضها على جميع أدوات Google. يمثّل كل مؤشر من Core Web Vitals جانبًا مميزًا من تجربة المستخدم، ويمكن قياسه ميدانيًا، ويعكس تجربة واقعية لنتائج جوهرية تتمحور حول المستخدم.
- سرعة عرض أكبر محتوى مرئي (LCP): يقيس هذا المقياس أداء التحميل. ولتوفير تجربة مستخدم جيدة، يجب ألا تزيد قيمة هذا المقياس عن 2.5 ثانية من بدء تحميل الصفحة لأول مرة.
- مدى استجابة الصفحة لتفاعلات المستخدم (INP): يقيس هذا المقياس التفاعل. ولتوفير تجربة مستخدم جيدة، يجب ألا تزيد قيمة هذا المقياس عن 200 مللي ثانية.
- متغيّرات التصميم التراكمية (CLS): يقيس هذا المقياس الثبات البصري. ولتوفير تجربة مستخدم جيدة، يجب ألا تزيد قيمة هذا المقياس عن 0.1.
لضمان تحقيقكم القيم المقترحة لهذه المقاييس لدى معظم مستخدمي مواقعكم، فإنّ المعيار الجيد للقياس هو أن تتحقق هذه القيم في %75 على الأقل من عمليات تحميل الصفحات، موزعةً بين أجهزة الجوال وأجهزة الكمبيوتر المكتبية.
يجب أن تأخذ الأدوات التي تقيّم مدى التوافق مع Core Web Vitals في الاعتبار أنّ الصفحة تستوفي المعايير إذا كانت تستوفي الأهداف المقترَحة عند القيمة المئوية الخامسة والسبعين لجميع مقاييس Core Web Vitals الثلاثة.
مراحل النشاط
تمر المقاييس في مسار Core Web Vitals بدورة حياة تتألف من ثلاث مراحل: تجريبية ومعلّقة وثابتة.
تم تصميم كل مرحلة لتوضيح كيفية التفكير في كل مقياس للمطوّرين:
- المقاييس التجريبية هي مؤشرات Core Web Vitals محتملة قد لا تزال تخضع لتغييرات كبيرة استنادًا إلى الاختبارات وملاحظات المنتدى.
- المقاييس في انتظار المراجعة هي مؤشرات Core Web Vitals مستقبلية اجتازت مرحلة الاختبار وجمع الملاحظات، ولها جدول زمني محدّد جيدًا لتصبح مقاييس ثابتة.
- المقاييس الثابتة هي المجموعة الحالية من مؤشرات Core Web Vitals التي يرى Chrome أنّها أساسية لتقديم تجارب مستخدم ممتازة.
تمرّ "مؤشرات أداء الويب الأساسية" بمراحل النشاط التالية:
تجريبي
عندما يتم تطوير مقياس في البداية وإدخاله إلى النظام المتكامل، يُعدّ مقياسًا تجريبيًا.
الغرض من المرحلة التجريبية هو تقييم مدى ملاءمة المقياس، وذلك أولاً من خلال استكشاف المشكلة المطلوب حلّها، وربما تكرار ما لم تتمكّن المقاييس السابقة من معالجته. على سبيل المثال، تم تطوير مدى استجابة الصفحة لتفاعلات المستخدم (INP) في البداية كمقياس تجريبي لمعالجة مشاكل أداء وقت التشغيل على الويب بشكل أكثر شمولاً من مهلة الاستجابة الأولى (FID).
تهدف المرحلة التجريبية من دورة حياة مؤشرات Core Web Vitals أيضًا إلى توفير المرونة في تطوير أحد المقاييس من خلال تحديد الأخطاء واستكشاف التغييرات التي يمكن إجراؤها على تعريفه الأولي، وهي أيضًا المرحلة التي تكون فيها ملاحظات المنتدى في غاية الأهمية.
في انتظار المراجعة
عندما يرى فريق Chrome أنّ مقياسًا تجريبيًا قد تلقّى ملاحظات كافية وأثبت فعاليته، يصبح مقياسًا في انتظار المراجعة. على سبيل المثال، تمّت ترقية مقياس INP في عام 2023 من حالة تجريبي إلى حالة معلّق بهدف إيقاف مقياس FID نهائيًا في نهاية المطاف.
يتم الاحتفاظ بالمقاييس في مرحلة "في انتظار المراجعة" لمدة ستة أشهر على الأقل لمنح النظام البيئي وقتًا للتكيّف، وتظل ملاحظات المنتدى جانبًا مهمًا من هذه المرحلة، حيث يبدأ المزيد من المطوّرين في استخدام المقياس.
إسطبل
عند الانتهاء من إعداد مقياس مرشّح ليصبح من مؤشرات Core Web Vitals، يصبح مقياسًا ثابتًا، ويمكن أن يصبح من مؤشرات Core Web Vitals.
تتوفّر المقاييس الثابتة بشكل نشط، ويمكن أن تخضع لإصلاحات الأخطاء وتغييرات التعريف. ولن تتغير مقاييس Core Web Vitals الثابتة أكثر من مرة واحدة في السنة. وسيتم الإبلاغ بوضوح عن أي تغيير في Core Web Vital في المستندات الرسمية الخاصة بالمقياس، بالإضافة إلى سجلّ التغيير الخاص بالمقياس. يتم أيضًا تضمين Core Web Vitals في أي تقييمات.
أدوات لقياس مؤشرات Core Web Vitals والإبلاغ عنها
ترى Google أنّ مؤشرات Core Web Vitals مهمة جدًا لجميع تجارب الويب. نتيجةً لذلك، تلتزم Google بعرض هذه المقاييس في جميع أدواتها الشائعة. توضّح الأقسام التالية الأدوات التي تتوافق مع Core Web Vitals.
أدوات ميدانية لقياس مؤشرات Core Web Vitals
يجمع تقرير تجربة المستخدم على Chrome بيانات مجهولة الهوية من القياسات الفعلية للمستخدمين لكل مؤشر من مؤشرات Core Web Vitals. تتيح هذه البيانات لمالكي المواقع الإلكترونية تقييم أدائهم بسرعة بدون الحاجة إلى إعداد إحصاءات يدويًا على صفحاتهم، كما أنّها تشغّل أدوات مثل أدوات مطوّري البرامج في Chrome وإحصاءات PageSpeed وتقرير Core Web Vitals في Search Console.
| سرعة عرض أكبر جزء من المحتوى على الصفحة (LCP) | مدى استجابة الصفحة لتفاعلات المستخدم (INP) | متغيّرات التصميم التراكمية (CLS) | |
| تقرير تجربة المستخدم على Chrome | |||
| أدوات مطوّري البرامج في Chrome | |||
| إحصاءات PageSpeed | |||
| Search Console (تقرير Core Web Vitals) |
تقدّم البيانات التي يوفّرها "تقرير تجربة المستخدم على Chrome" طريقة سريعة لتقييم أداء المواقع الإلكترونية، ولكنّها لا تقدّم بيانات تفصيلية عن قياس الأداء عن بُعد لكل مشاهدة صفحة على الويب، وهي البيانات التي تكون ضرورية غالبًا لتشخيص المشاكل ورصدها والاستجابة بسرعة لأي تراجع. ونتيجةً لذلك، ننصح المواقع الإلكترونية بشدة بإعداد نظام خاص بها لرصد تجربة المستخدمين الفعليين.
قياس مؤشرات Core Web Vitals في JavaScript
يمكن قياس كل مؤشر من مؤشرات Core Web Vitals باستخدام 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 من أجل قياس بيانات Core Web Vitals وإرسالها إلى نقطة نهاية الإحصاءات، تتمثّل الخطوة التالية في تجميع هذه البيانات وإعداد تقارير عنها لمعرفة ما إذا كانت صفحاتك تستوفي الحدود المقترَحة لما لا يقل عن% 75 من زيارات الصفحة.
على الرغم من أنّ بعض مقدّمي خدمات الإحصاءات يوفّرون دعمًا مدمجًا لمقاييس Core Web Vitals، حتى أولئك الذين لا يوفّرون هذا الدعم يجب أن يضمّنوا ميزات أساسية للمقاييس المخصّصة تتيح لك قياس Core Web Vitals في أدواتهم.
يمكن للمطوّرين الذين يفضّلون قياس هذه المقاييس مباشرةً باستخدام واجهات برمجة التطبيقات الأساسية على الويب استخدام أدلة المقاييس هذه بدلاً من ذلك للحصول على تفاصيل التنفيذ:
للحصول على إرشادات إضافية حول قياس هذه المقاييس باستخدام خدمات الإحصاءات الشائعة أو أدوات الإحصاءات الداخلية، يمكنك الاطّلاع على أفضل الممارسات لقياس Web Vitals في بيئة فعلية.
أدوات الاختبار لقياس Core Web Vitals
مع أنّ جميع مؤشرات Core Web Vitals هي في المقام الأول مقاييس ميدانية، يمكن أيضًا قياس العديد منها في المختبر.
تُعدّ القياسات في بيئة معملية أفضل طريقة لاختبار أداء الميزات أثناء التطوير، أي قبل إصدارها للمستخدمين، كما أنّها أفضل طريقة لرصد أي تراجع في الأداء قبل حدوثه.
يمكن استخدام الأدوات التالية لقياس Core Web Vitals في بيئة اختبار:
| سرعة عرض أكبر جزء من المحتوى على الصفحة (LCP) | مدى استجابة الصفحة لتفاعلات المستخدم (INP) | متغيّرات التصميم التراكمية (CLS) | |
|---|---|---|---|
| أدوات مطوّري البرامج في Chrome | |||
| Lighthouse | (استخدِم TBT بدلاً من ذلك) |
على الرغم من أنّ القياس في المختبر هو جزء أساسي من تقديم تجارب رائعة، إلا أنّه لا يحلّ محلّ القياس الميداني.
يمكن أن يختلف أداء الموقع الإلكتروني بشكل كبير استنادًا إلى إمكانات جهاز المستخدم وظروف الشبكة والعمليات الأخرى التي قد يتم تشغيلها على الجهاز وطريقة تفاعله مع الصفحة. في الواقع، يمكن أن يتأثر مستوى كل مقياس من مقاييس Core Web Vitals بتفاعل المستخدم. لا يمكن الحصول على الصورة الكاملة إلا من خلال قياسات ميدانية.
اقتراحات لتحسين نتائجك
تقدّم الأدلة التالية اقتراحات محدّدة حول كيفية تحسين صفحاتك لكل مؤشر من مؤشرات Core Web Vitals:
هناك العديد من الطرق لتحسين مقاييس Core Web Vitals، ولكل طريقة مستويات مختلفة من التأثير والأهمية وسهولة الاستخدام في كل حالة. يمكنك الاطّلاع على الطُرق الأكثر فعالية لتحسين مقاييس Core Web Vitals للحصول على قائمة مختصرة بأهم اقتراحات فريق Chrome.
مؤشرات Web Vitals الأخرى
على الرغم من أنّ مؤشرات Core Web Vitals هي المقاييس المهمة لفهم تجربة المستخدم وتقديم تجربة رائعة، هناك مقاييس أخرى مساعِدة.
يمكن أن تكون هذه المقاييس الأخرى بمثابة مقاييس بديلة أو تكميلية لمؤشرات Core Web Vitals الثلاثة، وذلك للمساعدة في رصد جزء أكبر من التجربة أو للمساعدة في تشخيص مشكلة معيّنة.
على سبيل المثال، يُعدّ مقياسا مدة تحميل أول بايت (TTFB) وسرعة عرض أول محتوى مرئي (FCP) من الجوانب المهمة لتجربة التحميل، وكلاهما مفيد في تشخيص المشاكل المتعلقة بمقياس LCP (أوقات استجابة الخادم البطيئة أو الموارد التي تحظر العرض، على التوالي).
وبالمثل، فإنّ مقياسًا مثل إجمالي وقت الحظر (TBT) هو مقياس معملي مهم في رصد المشاكل المحتملة في التفاعل وتشخيصها، والتي يمكن أن تؤثر في مقياس INP، ولكنّه ليس جزءًا من مجموعة Core Web Vitals لأنّه لا يمكن قياسه ميدانيًا، كما أنّه لا يعكس نتيجة تتمحور حول المستخدم.
تغييرات على Web Vitals
تمثّل Web Vitals وCore Web Vitals أفضل المؤشرات المتاحة للمطوّرين اليوم لقياس جودة التجربة على الويب، ولكن هذه المؤشرات ليست مثالية ويجب توقّع تحسينات أو إضافات مستقبلية.
تتعلّق مؤشرات Core Web Vitals بجميع صفحات الويب، ويتم عرضها في جميع أدوات Google ذات الصلة. سيكون للتغييرات في هذه المقاييس تأثير واسع النطاق، لذا على المطوّرين توقُّع أن تكون تعريفات ومستويات الأداء الأساسية على الويب ثابتة، وأن يتم إرسال إشعار مسبق بالتعديلات، وأن يتم إجراؤها بشكل سنوي منتظم.
غالبًا ما تكون مؤشرات Web Vitals الأخرى خاصة بالسياق أو الأداة، وقد تكون تجريبية أكثر من مؤشرات Core Web Vitals، وبالتالي قد تتغيّر تعريفاتها وحدودها بشكل متكرّر.
بالنسبة إلى جميع مقاييس Web Vitals، سيتم توثيق التغييرات بوضوح في CHANGELOG العلني هذا.