برمجة عمليات التدقيق باستخدام AutoWebPerf

أداة جديدة وحدات تتيح جمع بيانات الأداء تلقائيًا من مصادر متعددة

ما هو AutoWebPerf (AWP)؟

AutoWebPerf (AWP) هي أداة مجزّأة تتيح جمع بيانات الأداء تلقائيًا من عدة مصادر. تتوفّر حاليًا العديد من الأدوات لقياس أداء الموقع الإلكتروني في نطاقات مختلفة (الميزة الاختبارية والميدانية)، مثل "تقرير تجربة المستخدم في Chrome" أو "إحصاءات PageSpeed" أو WebPageTest. توفّر أداة AWP إمكانية الدمج مع أدوات التدقيق المختلفة من خلال عملية إعداد بسيطة حتى تتمكّن من مراقبة أداء الموقع الإلكتروني باستمرار في مكان واحد.

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

يمكن الوصول إلى الأداة في المستودع العلني AutoWebPerf على GitHub.

ما هو الغرض من ميزة "الإعلانات على شبكة البحث"؟

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

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

على سبيل المثال، باستخدام AWP، يمكنك إعداد اختبار يومي على صفحتك الرئيسية لتسجيل بيانات الاستخدام الفعلي من CrUX API وبيانات المختبر من تقرير Lighthouse من PageSpeed Insights. يمكن كتابة هذه البيانات وتخزينها بمرور الوقت، على سبيل المثال، في جدول بيانات Google ثم عرضها في لوحة بيانات "مركز البيانات من Google". تعمل ميزة "التحليلات المتقدّمة للبيانات" على التشغيل الآلي للجزء الأكبر من العملية بأكملها، ما يجعلها حلاً رائعًا لتتبّع المؤشرات في المختبر والميدان بمرور الوقت. اطّلِع على عرض نتائج التدقيق في "مركز البيانات" أدناه لمعرفة مزيد من التفاصيل).

نظرة عامة على البنية

AWP هي مكتبة مستندة إلى وحدات تتضمّن ثلاثة أنواع مختلفة من الوحدات:

  • المحرّك
  • وحدات الوصلة
  • وحدات الجمع

يأخذ المحرّك قائمة بالاختبارات من موصِّل (على سبيل المثال، من ملف CSV على الجهاز)، ويُجري عمليات تدقيق للأداء من خلال أدوات جمع محدّدة (مثل PageSpeed Insights)، ويُسجّل النتائج في موصِّل الإخراج (على سبيل المثال، جداول بيانات Google).

مخطّط بياني لبنية AWP

تأتي أداة AWP مع عدد من أدوات التجميع والربط التي تم تنفيذها مسبقًا:

إعداد عمليات التدقيق تلقائيًا باستخدام 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. أحد الرسوم البيانية يُظهر تزايدًا في متغيّرات التصميم التراكمية في الأسابيع الأخيرة، ما يعني تراجعًا في ثبات التنسيق لصفحات معيّنة. في هذا السيناريو، عليك إعطاء الأولوية للجهود المبذولة لتحليل المشاكل الأساسية في هذه الصفحات.

لقطة شاشة لـ &quot;مؤشرات أداء الويب الأساسية&quot; تؤدي إلى &quot;مركز البيانات&quot;

لتبسيط العملية من البداية إلى النهاية، بدءًا من جمع البيانات ووصولاً إلى العروض المرئية، يمكنك تشغيل AWP مع قائمة بعناوين URL لتصدير النتائج تلقائيًا إلى "جداول بيانات Google" باستخدام الأمر التالي:

PSI_APIKEY=<YOUR_KEY> SHEETS_APIKEY=<YOUR_KEY> ./awp run sheets:<SheetID> csv:output.csv

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

ما هي الخطوات التالية؟

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

اطّلِع على مزيد من المعلومات في مستودع AutoWebPerf.