لوحة أداة مراقبة الأداء

Dale St. Marthe
Dale St. Marthe

استخدِم أداة مراقبة الأداء لسرعة الحصول على فكرة عن أداء تحميل موقعك الإلكتروني ووقت تشغيله.

نظرة عامة

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

لوحة مراقبة الأداء

تتتبّع أداة مراقبة الأداء المقاييس التالية:

  • استخدام وحدة المعالجة المركزية (CPU).
  • حجم كومة الذاكرة المؤقتة في JavaScript.
  • إجمالي عدد عُقد DOM وأدوات معالجة أحداث JavaScript والمستندات والإطارات على الصفحة.
  • التنسيقات وعمليات إعادة حساب الأنماط في الثانية

فتح لوحة أداة مراقبة الأداء

لفتح لوحة أداة مراقبة الأداء:

  1. افتح "أدوات مطوري البرامج".
  2. افتح قائمة الأوامر بالضغط على:
    • نظام التشغيل macOS: Command+Shift+P
    • أنظمة التشغيل Windows وLinux وChromeOS: Control+Shift+P قائمة الأوامر مع
  3. ابدأ الكتابة Performance monitor، واختَر إظهار أداة مراقبة الأداء، ثم اضغط على Enter. تعرض "أدوات مطوري البرامج" لوحة أداة مراقبة الأداء في أسفل نافذة "أدوات مطوري البرامج".

بدلاً من ذلك، في أعلى يسار الصفحة، اختَر more_vert مزيد من الخيارات > مزيد من الأدوات > أداة مراقبة الأداء.

استخدام لوحة أداة مراقبة الأداء

تقدّم لك أداة مراقبة الأداء فكرة عامة عن أداء موقعك الإلكتروني في وقت التشغيل.

يمكن أن تكشف كيفية تغير قيم المقاييس أثناء تفاعلك مع موقعك الإلكتروني عن فرص للتحسين.

من الميزات المفيدة في أداة مراقبة الأداء أنها تستمر طوال عملية التنقّل في الصفحة. وبما أنّك مطوّر للواجهة الأمامية، يمكنك تجنُّب مشاكل مثل كسر التنسيق من خلال فتح أداة مراقبة الأداء والتنقل بين أقسام الموقع الإلكتروني ومراقبة مقياسَي عُقد DOM والتنسيق/ثانية.

إذا كان المستخدمون يبلّغون عن أوقات التحميل البطيئة على موقعك، يمكن أن تساعدك أداة مراقبة الأداء في تحديد مناطق المشاكل.

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

إذا كنت لا تزال في خطواتك الأولى في تحليل الأداء، فإنّ المسار المقترَح هو استخدام لوحة Lighthouse أولاً، ثم إجراء المزيد من التحقيق باستخدام لوحة الأداء أو أداة مراقبة الأداء.