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