ב-Chrome 58, שהוא כרגע גרסה של Canary, השם של חלונית ציר הזמן השתנה ל'חלונית הביצועים', השם של חלונית הפרופילים השתנה ל'חלונית הזיכרון' והתכונה 'הקלטה של פרופיל המעבד (CPU) ב-JavaScript' בחלונית הפרופילים הועברה למיקום מוסתר יותר.
המטרה לטווח הארוך היא להסיר את הכלי הקודם לניתוח מעבדים של JavaScript, ולהעביר את כולם לעבודה עם תהליך העבודה החדש.
במדריך ההעברה הזה מוסבר איך לתעד פרופיל JS בחלונית הביצועים, ואיך ממשק המשתמש של חלונית הביצועים ממופה לתהליך העבודה הישן שאליו אתם רגילים.
גישה לכלי הישן לניתוח ביצועים של JavaScript ב-CPU
אם אתם מעדיפים את תהליך העבודה הקודם של 'תיעוד פרופיל המעבד (CPU) ב-JavaScript' שהיה זמין בחלונית 'פרופילים', עדיין תוכלו לגשת אליו באופן הבא:
- פותחים את התפריט הראשי של כלי הפיתוח.
- בוחרים באפשרות כלים נוספים > כלי לניתוח ביצועים (profiler) של JavaScript. הכלי הקודם לניתוח ביצועים נפתח בחלונית חדשה שנקראת JavaScript Profiler.
איך מתעדים פרופיל JS
- פותחים את כלי הפיתוח.
לוחצים על הכרטיסייה ביצועים.
איור 1. חלונית הביצועים.
אפשר להקליט את השיחה באחת מהדרכים הבאות:
- כדי ליצור פרופיל של טעינת דף, לוחצים על Record Page Load. כלי הפיתוח מתחילים את ההקלטה באופן אוטומטי ומפסיקים אותה באופן אוטומטי כשהם מזהים שהדף הטעון.
- כדי ליצור פרופיל של דף פעיל, לוחצים על הקלטה, מבצעים את הפעולות שרוצים ליצור פרופיל שלהן ולוחצים על עצירה בסיום.
איך תהליך העבודה הישן ממופה לתהליך העבודה החדש
בצילום המסך שבהמשך, בתצוגת Chart (תרשים) של תהליך העבודה הישן, אפשר לראות את המיקום של תרשים הסקירה הכללית של השימוש ב-CPU (החץ העליון) ושל תרשים הלהבה (החץ התחתון) בתהליך העבודה החדש.
איור 2. מיפוי בין תרשים הלהבה בתהליך העבודה הישן (שמאל) לבין תהליך העבודה החדש (ימין).
התצוגה כבד (מלמטה למעלה) זמינה בכרטיסייה מלמטה למעלה:
איור 3. מיפוי בין תצוגה מלמטה למעלה בתהליך העבודה הישן (שמאל) לבין תהליך העבודה החדש (ימין).
התצוגה עץ (למעלה למטה) זמינה בכרטיסייה Call Tree:
איור 4. מיפוי בין תצוגת העץ בתהליך העבודה הישן (שמאל) לתהליך העבודה החדש (ימין).