أداة جديدة وحدات تتيح جمع بيانات الأداء تلقائيًا من مصادر متعددة
ما هو AutoWebPerf (AWP)؟
AutoWebPerf (AWP) هي أداة مجزّأة تتيح جمع بيانات الأداء تلقائيًا من عدة مصادر. تتوفّر حاليًا العديد من الأدوات لقياس أداء الموقع الإلكتروني في مختبرات و مواقع خارجية مختلفة، مثل تقرير تجربة المستخدم في Chrome أو إحصاءات PageSpeed أو WebPageTest. توفّر أداة AWP إمكانية الدمج مع أدوات التدقيق المختلفة من خلال عملية إعداد بسيطة حتى تتمكّن من مراقبة أداء الموقع الإلكتروني باستمرار في مكان واحد.
يشير إصدار إرشادات Web Vitals إلى أنّه تزداد أهمية التتبّع العميق والنشط لصفحات الويب. يُجري مهندسو هذه الأداة عمليات تدقيق في الأداء منذ سنوات، وقد أنشأوا أداة AWP لأتمتة جزء يدوي ومتكرّر ويستغرق وقتًا طويلاً من أنشطتهم اليومية. وقد وصل AWP اليوم إلى مستوى نضج وأصبح جاهزًا لمشاركته على نطاق واسع كي يستفيد أي شخص من التشغيل الآلي الذي يوفّره.
يمكن الوصول إلى الأداة في المستودع العلني AutoWebPerf على GitHub.
ما هو الغرض من ميزة "الإعلانات على شبكة البحث"؟
على الرغم من توفّر العديد من الأدوات وواجهات برمجة التطبيقات لرصد أداء صفحات الويب، فإنّ معظمها يعرض البيانات التي تم قياسها في وقت معيّن. لمراقبة الموقع الإلكتروني بشكلٍ كافٍ والحفاظ على الأداء الجيد للصفحات الرئيسية، ننصحك بإجراء قياسات لمؤشرات أداء الويب الأساسية باستمرار بمرور الوقت وملاحظة المؤشرات.
تسهّل أداة AWP ذلك من خلال توفير محرك وعمليات دمج مُعدّة مسبقًا لواجهات برمجة التطبيقات، ويمكن إعدادها آليًا لبرمجة طلبات البحث المتكرّرة لواجهات برمجة التطبيقات المختلفة لمراقبة الأداء.
على سبيل المثال، باستخدام AWP، يمكنك إعداد اختبار يومي على صفحتك الرئيسية لتسجيل بيانات الاستخدام الفعلي من CrUX API وبيانات المختبر من تقرير Lighthouse من PageSpeed Insights. يمكن كتابة هذه البيانات وتخزينها بمرور الوقت، على سبيل المثال، في جدول بيانات Google ثم عرضها في لوحة بيانات "مركز البيانات من Google". تعمل ميزة "التحليلات الوصفية للأداء" على التشغيل الآلي للجزء الأكبر من العملية بأكملها، ما يجعلها حلاً رائعًا لمتابعة المؤشرات في المختبر والميدان بمرور الوقت. اطّلِع على عرض نتائج التدقيق في "مركز البيانات" أدناه لمعرفة مزيد من التفاصيل).
نظرة عامة على البنية
AWP هي مكتبة مستندة إلى وحدات تتضمّن ثلاثة أنواع مختلفة من الوحدات:
- المحرّك
- وحدات الوصلة
- وحدات الجمع
يأخذ المحرّك قائمة بالاختبارات من موصِّل (على سبيل المثال، من ملف CSV على الجهاز)، ويُجري عمليات تدقيق للأداء من خلال أدوات جمع محدّدة (مثل PageSpeed Insights)، ويُسجّل النتائج في موصِّل الإخراج (على سبيل المثال، جداول بيانات Google).
تأتي أداة AWP مع عدد من أدوات التجميع والربط التي تم تنفيذها مسبقًا:
- أدوات التجميع التي تمّ تنفيذها مسبقًا:
- الموصِّلات التي تم تنفيذها مسبقًا:
- جداول بيانات Google
- JSON
- CSV
إعداد عمليات التدقيق تلقائيًا باستخدام AWP
تعمل أداة AWP على التشغيل الآلي لعمليات تدقيق الأداء من خلال منصات التدقيق المفضّلة لديك، مثل إحصاءات PageSpeed أو WebPageTest أو CrUX API. توفّر أداة AWP المرونة في اختيار مكان تحميل قائمة الاختبارات ومكان كتابة النتائج.
على سبيل المثال، يمكنك إجراء عمليات تدقيق لقائمة بالاختبارات المخزّنة في "جدول بيانات Google"، وكتابة النتائج في ملف CSV باستخدام الأمر أدناه:
PSI_APIKEY=<YOUR_KEY> SHEETS_APIKEY=<YOUR_KEY> ./awp run sheets:<SheetID> csv:output.csv
عمليات التدقيق المتكرّرة
يمكنك إجراء عمليات تدقيق متكرّرة بمعدّل تكرار يومي أو أسبوعي أو شهري. على سبيل المثال، يمكنك إجراء عمليات تدقيق يومية لقائمة من الاختبارات المحدّدة في ملف JSON محلي، على النحو التالي:
{
"tests": [
{
"label": "web.dev",
"url": "https://web.dev",
"gatherer": "psi"
}
]
}
يقرأ الأمر أدناه قائمة اختبارات التدقيق من ملف JSON المحلي، ويُجري اختبارات التدقيق على جهاز محلي، ثم يُخرج النتائج إلى ملف CSV محلي:
PSI_APIKEY=<YOUR_KEY> ./awp run json:tests.json csv:output.csv
لتنفيذ عمليات التدقيق كل يوم كخدمة تعمل في الخلفية بشكل مستمر، يمكنك استخدام العبارة التالية بدلاً من ذلك:
PSI_APIKEY=<YOUR_KEY> ./awp continue json:tests.json csv:output.csv
بدلاً من ذلك، يمكنك إعداد ملف crontab في بيئة مشابهة لنظام التشغيل Unix لتشغيل AWP كعملية cron يومية:
0 0 * * * PSI_APIKEY=<YOUR_KEY> ./awp run json:tests.json csv:output.csv
يمكنك العثور على مزيد من الطرق لتشغيل عمليات التدقيق اليومية وجمع النتائج بشكلٍ آلي في مستودع AWP على GitHub.
عرض نتائج التدقيق في "مركز البيانات"
إلى جانب قياس "مؤشرات أداء الويب الأساسية" باستمرار، من المهم أن تتمكّن من تقييم المؤشرات واكتشاف حالات التراجع المحتمَلة باستخدام مقاييس المستخدِمين الفعليين (RUM) أو بيانات "تقرير تجربة المستخدِم على Chrome" (CrUX) التي يجمعها "أداة مراقبة الأداء من Google". يُرجى العِلم أنّ تقرير تجربة مستخدم Chrome (CrUX) هو تجميع متحرك لمدة 28 يومًا، لذا ننصحك باستخدام بيانات RUM الخاصة بك مع CrUX أيضًا حتى تتمكّن من رصد التراجعات في وقت أقرب.
"مركز البيانات" هو أداة مجانية لعرض البيانات يمكنك من خلالها تحميل مقاييس الأداء بسهولة وإنشاء رسوم بيانية للاطّلاع على المؤشرات. على سبيل المثال، تعرض الرسوم البيانية للسلسلة الزمنية أدناه "مؤشرات أداء الويب الأساسية" استنادًا إلى بيانات تقرير تجربة المستخدم في Chrome. يعرض أحد الرسوم البيانية زيادة في "التغيير التراكمي في التنسيق" في الأسابيع الأخيرة، ما يعني تراجعًا في استقرار التنسيق لبعض الصفحات. في هذا السيناريو، عليك إعطاء الأولوية للجهود المبذولة لتحليل المشاكل الأساسية في هذه الصفحات.
لتبسيط العملية من البداية إلى النهاية، بدءًا من جمع البيانات ووصولاً إلى العروض المرئية، يمكنك تشغيل AWP مع قائمة عناوين URL لتصدير النتائج تلقائيًا إلى "جداول بيانات Google" باستخدام الأمر التالي:
PSI_APIKEY=<YOUR_KEY> SHEETS_APIKEY=<YOUR_KEY> ./awp run sheets:<SheetID> csv:output.csv
بعد جمع المقاييس اليومية في جدول بيانات، يمكنك إنشاء لوحة بيانات في Data Studio تحمّل البيانات مباشرةً من جدول البيانات وتوضّح المنحنيات الصاعدة والهابطة في مخطّط بياني للسلسلة الزمنية. اطّلِع على موصِّل Google Spreadsheets API للحصول على خطوات تفصيلية حول كيفية إعداد "الإعلانات على شبكة البحث" باستخدام جداول البيانات كمصدر بيانات ل visualizing على "مركز البيانات".
ما هي الخطوات التالية؟
توفّر أداة AWP طريقة بسيطة ومتكاملة لتقليل الجهود المبذولة لإعداد مسار مراقبة قياسي لقياس "مؤشرات أداء الويب الأساسية" ومقاييس الأداء الأخرى. في الوقت الحالي، تغطّي ميزة "الإعلانات على شبكة البحث" حالات الاستخدام الأكثر شيوعًا، وسنواصل تقديم المزيد من الميزات لمعالجة حالات الاستخدام الأخرى في المستقبل.
اطّلِع على مزيد من المعلومات في مستودع AutoWebPerf.