التعرّف على بيانات أداء تحميل الصفحات (تطبيقات الويب)

تستخدم ميزة "مراقبة الأداء" تتبُّع الأداء لجمع بيانات عن العمليات التي يتم رصدها في تطبيقك. بيانات التتبُّع هي تقرير يحتوي على بيانات تم تسجيلها بين نقطتَين زمنيتَين. في تطبيقك.

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

  • سرعة عرض الصفحة — مقياس يقيس الفترة الزمنية انتقال المستخدِم إلى الصفحة وعند حدوث أي تغيير مرئي

  • سرعة عرض أول محتوى مرئي: مقياس يقيس الفترة الزمنية بين انتقال المستخدم إلى الصفحة ووقت انتقال المستخدم إلى المحتوى المفيد الشاشات، مثلاً صورة أو نص

  • domInteractive - مقياس يقيس الوقت بين عند انتقال المستخدم إلى الصفحة وعندما تكون الصفحة تفاعلية للمستخدم

  • domContentLoadedEventEnd — مقياس يقيس الفترة بين انتقال المستخدم إلى الصفحة ووقت انتقال المستخدم إلى لغة HTML الأولية تم تحميل المستند وتحليله بالكامل

  • loadEventEnd — مقياس يقيس الفترة الزمنية بين انتقال المستخدم إلى الصفحة وعند حدث تحميل المستند الحالي مكتمل

  • مهلة الاستجابة الأولى — مقياس يقيس الوقت بين عندما يتفاعل المستخدم مع صفحة ويكون المتصفّح قادرًا على الاستجابة ذَلِكَ الْمُدخَل

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

تعريف تتبُّع تحميل الصفحة

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

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

المقاييس التي يتم جمعها لتتبُّع تحميل الصفحة

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

سرعة عرض الصفحة

يقيس هذا المقياس الفترة الزمنية بين انتقال المستخدم إلى الصفحة والوقت الذي يستغرقه حدوث أي تغيير في المرئيات.

يُعد هذا المقياس مفيدًا حيث إن أول إشارة للمستخدمين تشير إلى أن الصفحة يبدأ في التحميل.

  • يبدأ الإعلان عند انتقال المستخدم إلى إحدى الصفحات.

  • إيقاف الميزة عند حدوث أي تغيير مرئي، بما في ذلك تغيير لون الخلفية أو تحميل عنوان.

سرعة عرض أول محتوى مرئي

يقيس هذا المقياس الوقت بين انتقال المستخدم إلى صفحة ووقت انتقاله المحتوى ذي الصلة، مثل صورة أو نص.

يُعدّ هذا المقياس مفيدًا للحصول على إحصاءات عن مدى سرعة اطّلاع المستخدمين على أيٍّ من للمحتوى الفعلي للتطبيق بدلاً من مجرد لون جديد للخلفية أو عنوان جديد.

  • يبدأ الإعلان عند انتقال المستخدم إلى إحدى الصفحات.

  • يتوقف فورًا بعد أن يعرض المتصفح المحتوى الأول من نموذج العناصر في المستند (DOM). بما في ذلك أي نص أو صورة (بما في ذلك صور الخلفية) أو لوحة غير بيضاء أو SVG.

domInteractive

يقيس هذا المقياس الفترة الزمنية بين انتقال المستخدم إلى الصفحة والوقت الذي يستغرقه تُعد الصفحة تفاعلية للمستخدم.

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

  • يبدأ الإعلان عند انتقال المستخدم إلى إحدى الصفحات.

  • يتوقف فورًا قبل أن يضبط وكيل المستخدم ملفات HTML الحالية والاستعداد "للتفاعل".

domContentLoadedEventEnd

يقيس هذا المقياس الفترة الزمنية بين انتقال المستخدم إلى الصفحة والوقت الذي يستغرقه مستند HTML الأولي يتم تحميله وتحليله بالكامل.

  • يبدأ الإعلان عند انتقال المستخدم إلى إحدى الصفحات.

  • يتوقف فورًا بعد تحميل مستند HTML الأولي بالكامل (DOMContentLoaded)، لكن هذا لا يعني أن أوراق الأنماط والصور وانتهى تحميل الإطارات الفرعية.

تحميلEventEnd

يقيس هذا المقياس الفترة الزمنية بين انتقال المستخدم إلى الصفحة عند اكتمال حدث التحميل للمستند الحالي

يُعد هذا المقياس مفيدًا للحصول على إحصاءات عن المدة التي يستغرقها تحميل جميع للمحتوى، بما في ذلك أوراق الأنماط والصور.

  • يبدأ الإعلان عند انتقال المستخدم إلى إحدى الصفحات.

  • يتوقف فورًا بعد اكتمال حدث تحميل مستند HTML الحالي.

مهلة الاستجابة الأولى

يقيس هذا المقياس الوقت بين وقت تفاعل المستخدم مع إحدى الصفحات عندما يتمكن المتصفح من الاستجابة لهذا الإدخال.

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

  • تبدأ عندما يتفاعل المستخدم أولًا مع عنصر على الصفحة، مثل النقر فوق زر أو رابط تشعبي.

  • ويتوقف فورًا بعد أن يتمكن المتصفح من الاستجابة للإدخال، ما يعني عدم انشغال المتصفّح بتحميل المحتوى أو تحليله

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

تتبُّع بيانات الأداء وعرضها وتصفيتها

لعرض بيانات الأداء في الوقت الفعلي، يُرجى التأكّد من أنّ تطبيقك يستخدم إحدى أدوات الأداء تتبُّع إصدار حزمة تطوير البرامج (SDK) المتوافق مع معالجة البيانات في الوقت الفعلي مزيد من المعلومات عن بيانات الأداء في الوقت الفعلي

تتبُّع المقاييس الرئيسية في لوحة البيانات

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

صورة للوحة المقاييس في لوحة بيانات "مراقبة أداء Firebase"

لإضافة مقياس إلى لوحة المقاييس، اتّبِع الخطوات التالية:

  1. الانتقال إلى قسم لوحة بيانات الأداء في وحدة تحكُّم Firebase.
  2. انقر على بطاقة مقياس فارغة، ثم اختَر مقياسًا حاليًا لإضافته إلى لوحتك.
  3. (يُرجى النقر.) في بطاقة مقياس تمت تعبئتها لمزيد من الخيارات، على سبيل المثال، لاستبدال مقياس أو إزالته

تعرض لوحة المقاييس بيانات المقاييس المجمعة بمرور الوقت، بشكل رسومي النسبة المئوية الرقمية.

اطّلِع على مزيد من المعلومات حول استخدام لوحة البيانات.

عرض عمليات التتبُّع وبياناتها

لعرض آثار الأنشطة، انتقِل إلى لوحة بيانات الأداء في وحدة تحكُّم Firebase، مرِّر لأسفل إلى جدول التتبُّع، ثم انقر على علامة التبويب الفرعية المناسبة. يعرض الجدول بعض أهم المقاييس لكل عملية تتبُّع، ويمكنك ترتيب القائمة حسب النسبة المئوية للتغير لمقياس معين.

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

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

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

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

عند النقر على اسم عملية التتبُّع في جدول التتبُّع، يمكنك بعد ذلك التوغّل في مقاييس معين. انقر على زر الفلترة لفلترة البيانات حسب السمة، على سبيل المثال:

صورة لبيانات "مراقبة أداء Firebase" التي تتم فلترتها حسب السمة
  • يمكنك الفلترة حسب عنوان URL للصفحة لعرض بيانات صفحة محدّدة من موقعك الإلكتروني.
  • الفلترة حسب نوع الاتصال الفعّال لمعرفة مدى تأثير اتصال شبكة الجيل الثالث على تطبيق واحد
  • الفلترة حسب البلد للتأكد من أنّ الموقع الجغرافي لقاعدة البيانات لا يؤثِّر في بلد معيّن منطقة

مزيد من المعلومات حول عرض بيانات آثار الأنشطة.

الخطوات التالية

  • مزيد من المعلومات حول استخدام السمات لفحص بيانات الأداء.

  • يُرجى الاطّلاع على مزيد من المعلومات حول كيفية تتبُّع المشاكل في الأداء في "وحدة تحكُّم Firebase".

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