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