בגרסה 58 של Chrome, שנקראת כרגע Canary, השם של חלונית ציר הזמן השתנה לחלונית הביצועים, השם של חלונית הפרופילים השתנה לחלונית הזיכרון, והתכונה Record JavaScript CPU Profile בחלונית Profiles הועברה למיקום מוסתר יותר.
היעד לטווח הארוך הוא להסיר את הכלי הישן לניתוח ביצועי המעבד (CPU) ב-JavaScript, ולאפשר לכולם לעבוד עם תהליך העבודה החדש.
במדריך ההעברה הקטן הזה נסביר איך לתעד פרופיל JS בחלונית הביצועים, ואיך ממשק המשתמש של חלונית הביצועים ממופה לתהליך העבודה הישן שאתם רגילים אליו.
גישה לכלי לניתוח ביצועי ה-CPU הישן של JavaScript
אם אתם מעדיפים את תהליך העבודה הישן, "Record JavaScript CPU Profile", שהיה זמין בחלונית "פרופילים", עדיין תוכלו לגשת אליו כך:
- פותחים את התפריט הראשי של כלי הפיתוח.
- בוחרים באפשרות כלים נוספים > JavaScript Profiler. הכלי הישן לניתוח ביצועים נפתח בחלונית חדשה שנקראת JavaScript Profiler.
איך מקליטים פרופיל JS
- פותחים את כלי הפיתוח.
לוחצים על הכרטיסייה ביצועים.
איור 1. חלונית הביצועים. יש להקליט אותה באחת מהדרכים הבאות:
- כדי ליצור פרופיל של טעינת דף, לוחצים על תיעוד טעינת דף. כלי הפיתוח מתחילים את ההקלטה באופן אוטומטי ואז מופסקים באופן אוטומטי כשהם מזהים שהדף הסתיים.
- כדי ליצור פרופיל לדף פועל, לחצו על Record, בצעו את הפעולות הרצויות בפרופיל, ובסיום לחצו על Stop.
איך תהליך העבודה הישן ממופה
בתצוגה Chart של תהליך העבודה הישן, בצילום המסך הבא תוכלו לראות את המיקום של תרשים הסקירה הכללית על שימוש במעבד (CPU) (חץ למעלה) ואת תרשים הלהבות (החץ התחתון) בתהליך העבודה החדש.
התצוגה כבד (מלמטה למעלה) זמינה בכרטיסייה למטה:
התצוגה עץ (מלמעלה למטה) זמינה בכרטיסייה עץ שיחות:
שליחת פינג @ChromeDevTools ב-Twitter או פתיחה של בעיה ב-GitHub במאגר המסמכים שלנו אם פספסנו תכונות או אם יש לכם שאלות נוספות על המאמר הזה.