أدوات مطوري البرامج في Chrome: تحليل وحدة المعالجة المركزية (CPU) باستخدام JavaScript في الإصدار 58 من Chrome

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

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

يوضّح لك دليل نقل البيانات هذا كيفية تسجيل ملف تعريف JavaScript في لوحة الأداء، وكيفية ربط واجهة مستخدم لوحة الأداء بسير العمل القديم الذي اعتدت عليه.

الوصول إلى أداة تحليل وحدة المعالجة المركزية (CPU) القديمة في JavaScript

إذا كنت تفضّل سير العمل القديم "تسجيل الملف التعريفي لوحدة المعالجة المركزية (CPU) في JavaScript" الذي كان متاحًا في لوحة "الملفات الشخصية"، سيظل بإمكانك الوصول إليه على النحو التالي:

  1. افتح القائمة الرئيسية في "أدوات مطوّري البرامج".
  2. اختَر مزيد من الأدوات > أداة تحليل JavaScript. يتم فتح أداة تحليل الأداء القديمة في لوحة جديدة باسم أداة تحليل أداء JavaScript.

كيفية تسجيل ملف تعريف JS

  1. افتح "أدوات مطوري البرامج".
  2. انقر على علامة التبويب الأداء.

    لوحة الأداء في "أدوات مطوّري البرامج في Chrome"

    الشكل 1: لوحة "الأداء"

  3. يمكنك التسجيل بإحدى الطريقتَين التاليتَين:

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

كيفية ربط سير العمل القديم بالسير العمل الجديد

من طريقة عرض الرسم البياني للعملية القديمة، تعرض لك لقطة الشاشة أدناه موضع الرسم البياني الإجمالي لاستخدام وحدة المعالجة المركزية (السهم العلوي) والرسم البياني للخط البياني (السهم السفلي) في سير العمل الجديد.

تعيين بين مخطّط المخطّط البياني في سير العمل القديم وسير العمل الجديد

الشكل 2: الربط بين الرسم البياني للّهب في سير العمل القديم (على يمين الصفحة) وسير العمل الجديد (على يمين الصفحة)

يتوفّر عرض استهلاك كثيف (تصاعديًا) في علامة التبويب تصاعديًا:

الربط بين العرض من أسفل إلى أعلى في سير العمل القديم وسير العمل الجديد

الشكل 3 التعيين بين العرض من أسفل إلى أعلى في سير العمل القديم (على يمين الصفحة) وسير العمل الجديد (على يمين الصفحة)

يتوفّر عرض الشجرة (من الأعلى للأسفل) في علامة التبويب شجرة المكالمات:

التعيين بين "عرض الشجرة" في سير العمل القديم وسير العمل الجديد

الشكل 4 التعيين بين "عرض الشجرة" في سير العمل القديم (على يمين الصفحة) وسير العمل الجديد (على يمين الصفحة)