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