استخدِم أداة مراقبة الأداء للحصول سريعًا على فكرة عن أداء موقعك الإلكتروني أثناء التحميل والتشغيل.
نظرة عامة
تعرض لوحة مراقبة الأداء مخططًا زمنيًا يعرض مقاييس الأداء في الوقت الفعلي. انقر على مقياس لإظهاره أو إخفائه. بعد ذلك، يمكنك الاطّلاع على كيفية تغيُّر الرسم البياني أثناء تفاعلك مع تطبيقك.
يتتبّع "مراقب الأداء" المقاييس التالية:
- استخدام وحدة المعالجة المركزية
- حجم لقطات العناصر المتعدّدة في رمز JavaScript
- إجمالي عدد عقد DOM وأدوات معالجة أحداث JavaScript والمستندات والإطارات على الصفحة
- عمليات إعادة احتساب التنسيقات والأنماط في الثانية
فتح لوحة "أداة مراقبة الأداء"
لفتح لوحة مراقبة الأداء:
- افتح "أدوات مطوّري البرامج".
- افتح قائمة الأوامر بالضغط على:
- نظام التشغيل macOS: Command+Shift+P
- نظام التشغيل Windows وLinux وChromeOS: Control+Shift+P
- ابدأ بكتابة
Performance monitor، ثم اختَر عرض "أداة مراقبة الأداء"، واضغط على Enter. تعرِض "أدوات مطوّري البرامج" لوحة مُراقِب الأداء في أسفل نافذة "أدوات مطوّري البرامج".
بدلاً من ذلك، في أعلى يسار الصفحة، انقر على المزيد من الخيارات > المزيد من الأدوات > مراقبة الأداء.
استخدام لوحة "أداة مراقبة الأداء"
يوفّر مُراقِب الأداء فكرة عامة عن أداء وقت تشغيل موقعك الإلكتروني.
يمكن أن تكشف مراقبة كيفية تغيُّر قيم المقاييس أثناء تفاعلك مع موقعك الإلكتروني عن فرص التحسين.
من الميزات المفيدة في أداة مراقبة الأداء أنّها تظل ظاهرة طوال عملية التنقّل في الصفحة. وبالتالي، بصفتك مطوّر واجهة مستخدم، يمكنك تجنُّب مشاكل مثل التغيير المفاجئ في التنسيق من خلال فتح أداة مراقبة الأداء والتنقّل في الموقع الإلكتروني، مع الانتباه إلى مقاييس عقد DOM والتنسيق/الثانية.
إذا أبلغ المستخدمون عن بطء أوقات التحميل على موقعك الإلكتروني، يمكن أن يساعدك مُراقب الأداء في تحديد الجوانب التي تواجه مشاكل.
على سبيل المثال، يمكن أن يشير الارتفاع الكبير في استخدام وحدة المعالجة المركزية إلى رمز غير فعّال. بشكل عام، إذا كانت الصفحة تحتوي على عدد كبير من مُستمعي أحداث JavaScript، قد يكون من المفيد إعادة صياغة الرمز البرمجي وتقليل هذه الأرقام لتحرير الذاكرة.
إذا كنت مبتدئًا في تحليل الأداء، ننصحك باستخدام لوحة Lighthouse أولاً، ثم إجراء المزيد من التحقيق باستخدام لوحة الأداء أو مُراقب الأداء.