Connor Clark
אפשר לשמור את נתוני המעקב אחר הביצועים מהחלונית ביצועים כדי לטעון אותם מחדש במועד מאוחר יותר. המידע הזה שימושי לשיתוף עם מפתחים אחרים או אפילו עם עצמכם בעתיד, כשמנפים באגים בבעיות ביצועים.
אפשר גם לשמור את העקבות עם עותק של כל תוכן הסקריפט ומפות המקור שנמצאים בדף. כך אפשר ליהנות מחוויית ניפוי באגים טובה יותר כשמייבאים את העקבות מאוחר יותר.
כשמטען טרייס שמכיל תוכן סקריפט או מפות מקור נטען בחלונית Performance, נפתחת כרטיסייה חדשה. בכרטיסייה הזו של DevTools יש חלוניות Performance ו-Sources.
הגדרות לשמירת נתוני מעקב אחר ביצועים
כדי לשמור הקלטה ולשתף אותה מאוחר יותר עם הממצאים של ביצועי האתר שצירפתם להערות, בסרגל הפעולות בחלק העליון של החלונית ביצועים, לוחצים על הורדה ובוחרים באפשרות שמירת נתוני המעקב. יוצגו לכם האפשרויות הבאות:
- כולל הערות
- הכללת תוכן המשאב
- כולל מפות מקור של סקריפטים
- דחיסת הנתונים באמצעות gzip
| הגדרה | תיאור | ברירת מחדל | למה כדאי להפעיל את התכונה | למה כדאי להשבית |
|---|---|---|---|---|
| כולל הערות | הערה: האפשרות הזו כלולה רק אם יש הערות בדף. האפשרות הזו קובעת אם הערות ייכללו בקובץ המעקב השמור. |
מופעל | ההערות שימושיות להסבר של עקבות, להדגשה של חלקים חשובים מסוימים בעקבות או לשאילת שאלות לגבי חלקים שצריך לבדוק לעומק. | ההערות כוללות את הפעולות שלכם, ויכול להיות שהן לא יהיו רלוונטיות למפתחים אחרים. במקום לשמור בלי הערות, כדאי לנקות את ההערות כדי לכלול רק את הרלוונטיות. |
| הכללת תוכן המשאב | קובע אם התוכן של קובצי HTML, JavaScript ו-CSS ייכלל בקובץ המעקב השמור לצפייה בחלונית מקורות בזמן טעינת המעקב. הערה: התוכן של סקריפטים של תוספים אף פעם לא נכלל, גם אם האפשרות הזו מופעלת, כי תוספים בדרך כלל לא עוזרים בניפוי באגים של ביצועים, אבל לעיתים קרובות הם מכילים מידע רגיש (לדוגמה, תוספים פרטיים של חברות). עם זאת, נתוני פרופילים מסקריפטים של תוספים נשמרים במעקב כי הם עדיין יכולים להשפיע על הביצועים. |
מושבת | אפשר להשתמש בחלונית מקורות כדי לראות את המשאבים שהופעלו בדף, כולל עלויות זמן ריצה לפי שורה. החלונית ביצועים יכולה לקשר לשורה ספציפית בחלונית מקורות (למשל, קריאות לפונקציות בתרשים הלהבה או בטבלאות מלמטה למעלה/עץ הקריאות). חלק מהתובנות לגבי ביצועים דורשות את תוכן הסקריפט לצורך הניתוח. הערה: אם אתם חושבים שתוכן המשאבים הוא מידע רגיש, עליכם להתייחס לקובץ המעקב כאל מידע רגיש. |
משביתים את האפשרות אם מעדיפים קובץ מעקב קטן יותר על פני חוויה טובה יותר בחלונית ביצועים (למשל, אם רוצים לראות את הסקריפטים שהופעלו בחלונית מקורות) משביתים את האפשרות אם יודעים שתוכן המשאב כולל מידע רגיש שלא רוצים לשתף בקובץ מעקב. מצב כזה הוא נדיר מאוד, כי כל מי שיש לו גישה לדף יכול לראות את קובצי המקור. אבל אם השרת שלכם מחדיר סודות על סמך המשתמש הנוכחי ל-JavaScript שמופעל בדף, צריך להתייחס לקובצי מעקב עם תוכן הסקריפט הזה כאל קבצים רגישים. בנוסף, יכול להיות שלא תרצו לשתף את קובצי המקור של אפליקציות פנימיות או אפליקציות לאינטראנט שאינן ציבוריות. |
| כולל מפות מקור של סקריפטים | הערה: האפשרות הזו זמינה רק אם האפשרות Include resource content (כולל תוכן משאבים) מופעלת. בנוסף לקבצים של תוכן הפקה שעבר קומפילציה או מיניפיקציה, האפשרות הזו תכלול מיפויים לקבצים של קוד המקור שנכתב. |
מושבת | בחלונית Performance יוצגו שמות של פונקציות שנוצרו באמצעות מפות מקור. בחלונית Sources יוצגו כל הקבצים שנוצרו ברשימת הקבצים של הדף. חלק מהתובנות לגבי Performance דורשות מפות מקור לצורך הניתוח. שימו לב שאם תפעילו את ההגדרה הזו ותראו במפות המקור מידע רגיש, תצטרכו להתייחס גם לקובץ המעקב כאל מידע רגיש. |
משביתים את האפשרות הזו אם אתם מעדיפים קובץ מעקב קטן יותר על פני חוויה טובה יותר בחלונית ביצועים (לדוגמה, אם אתם רוצים לראות את השמות האמיתיים של הפונקציות בתרשים הלהבות של ביצועים). משביתים את האפשרות הזו אם אתם חושבים שמפות המקור רגישות (לדוגמה, אם אתם מציגים מפות מקור רק ברשת הפנימית שלכם ולא באינטרנט הציבורי), ואתם לא רוצים שהן ייחשפו למי שיש לו את קובץ המעקב. |
| דחיסת הנתונים באמצעות gzip | הערה: זוהי הגדרת ברירת המחדל החל מ-Chrome 142. | מופעל | קבצים של עקבות ביצועים יכולים להיות גדולים מאוד, ודחיסה שלהם חוסכת מקום בדיסק ומאפשרת להעלות ולעבד אותם מהר יותר בכלי הפיתוח עצמו. | אם אתם מתכוונים לפתוח את הקבצים האלה בכלי לעריכת טקסט או בכלי דומה כדי לראות אירועים ספציפיים של מעקב, כדאי לשמור אותם בלי דחיסת gzip כדי לפתוח את הקובץ בקלות. |