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