הפניה לאירוע בציר הזמן

מגין קירני

פלביו קופס

מצב האירועים בציר הזמן מציג את כל האירועים שהופעלו במהלך ההקלטה. השתמשו באזכור האירוע בציר הזמן כדי לקבל מידע נוסף על כל סוג אירוע בציר הזמן.

מאפיינים נפוצים של אירועים בציר הזמן

פרטים מסוימים מוצגים באירועים מכל הסוגים, וחלק רלוונטיים רק לסוגים מסוימים של אירועים. בקטע הזה מפורטים מאפיינים שמשותפים לסוגי אירועים שונים. המאפיינים הספציפיים לסוגים מסוימים של אירועים מפורטים בהפניות של סוגי האירועים הבאים.

מאפיין (property)	מתי הוא מוצג
זמן מצטבר	באירועים עם אירועים מוטמעים, משך הזמן לכל קטגוריה של אירועים.
מחסנית Call Stack	לאירועים עם אירועים צאצאים: משך הזמן לכל קטגוריה של אירועים.
זמן CPU (יחידת עיבוד מרכזית)	כמה זמן של שימוש במעבד (CPU) נמשך האירוע שהוקלט.
פרטים	פרטים אחרים על האירוע.
משך זמן (בחותמת הזמן)	כמה זמן לקח לאירוע עם כל הצאצאים שלו סיימו להשלים את האירוע. חותמת הזמן היא השעה שבה האירוע התרחש, יחסית לנקודת ההתחלה של ההקלטה.
זמן לעצמי	כמה זמן נמשך האירוע ללא הילדים שלו.
גודל ערימה (heap) משומש	כמות הזיכרון שבשימוש על ידי האפליקציה כשהאירוע נרשם, והדלתא (+/-) משתנה בגודל הערימה (heap) שבשימוש מאז הדגימה האחרונה.

האירועים בטעינה

בקטע הזה מפורטים אירועים ששייכים לקטגוריה 'טעינה' ואת המאפיינים שלהם.

אירוע	תיאור
ניתוח HTML	Chrome הפעיל את אלגוריתם ניתוח ה-HTML שלו.
סיום הטעינה	בקשת רשת הושלמה.
קבלת נתונים	התקבלו נתונים לגבי בקשה. יהיה אירוע אחד או יותר של 'קבלת נתונים'.
קבלת תגובה	התגובה הראשונית ב-HTTP מבקשה.
שליחת בקשה	נשלחה בקשת רשת.

מאפייני האירוע בטעינה

מאפיין (property)	תיאור
משאב	כתובת ה-URL של המשאב המבוקש.
Preview	תצוגה מקדימה של המשאב המבוקש (תמונות בלבד).
שיטת בקשה	שיטת ה-HTTP שבה נעשה שימוש בבקשה (לדוגמה, GET או POST).
קוד סטטוס	קוד תגובת HTTP.
סוג MIME	סוג MIME של המשאב המבוקש.
אורך הנתונים המקודדים	אורך המשאב המבוקש בבייטים.

אירועי סקריפטים

בקטע הזה מפורטים אירועים ששייכים לקטגוריית הסקריפטים ולמאפיינים שלהם.

אירוע	תיאור
הופעל פריים אנימציה	מסגרת אנימציה מתוזמנת הופעלה, וה-handler של הקריאה החוזרת (callback) שלה הופעל.
ביטול מסגרת האנימציה	מסגרת אנימציה מתוזמנת בוטלה.
אירוע GC	התרחש איסוף אשפה.
DOMContentLoaded	האירוע DOMContentLoaded הופעל על ידי הדפדפן. האירוע הזה מופעל כאשר כל תוכן ה-DOM של הדף נטען ונותח.
הערכה של הסקריפט	בוצעה הערכה של סקריפט.
אירוע	אירוע JavaScript ("mousedown" או "key", לדוגמה).
בקשה להפעלת פונקציה	בוצעה קריאה לפונקציה של JavaScript ברמה העליונה (מופיעה רק כשהדפדפן נכנס למנוע JavaScript).
התקנת טיימר	נוצר טיימר באמצעות setInterval() או setTimeout().
בקשה למסגרת אנימציה	שיחה עם requestAnimationFrame() תוזמנה פריים חדש
הסרה של הטיימר	טיימר שנוצר בעבר נוקה.
שעה	סקריפט שנקרא console.time()
זמן סיום	סקריפט שנקרא console.timeEnd()
הופעל הטיימר	הופעל טיימר שתוזמן עם setInterval() או setTimeout().
שינוי במצב המוכנות לפעולה של XHR	מצב ההכנה של XMLHTTPRequest השתנה.
טעינת XHR	הטעינה של XMLHTTPRequest הסתיימה.

מאפייני אירוע של סקריפטים

מאפיין (property)	תיאור
מזהה הטיימר	מזהה הטיימר.
חסימה זמנית	הזמן הקצוב לתפוגה שהוגדר על ידי הטיימר.
חזרות	ערך בוליאני שמציין אם הטיימר חוזר.
בקשה להפעלת פונקציה	פונקציה שהופעלה.

רינדור אירועים

בקטע הזה מפורטים אירועים ששייכים לקטגוריית העיבוד ולמאפיינים שלהם.

אירוע	תיאור
ביטול תוקף הפריסה	פריסת הדף בוטלה עקב שינוי DOM.
פריסה	בוצעה פריסת דף.
חישוב מחדש של הסגנון	סגנונות רכיבים שחושבו מחדש ב-Chrome.
גלילה	בוצעה גלילה בתוכן של תצוגת העץ.

רינדור מאפייני אירועים

מאפיין (property)	תיאור
הפריסה בוטלה	עבור רשומות פריסה, דוח הקריסות של הקוד שגרם לביטול הפריסה.
צמתים שנדרשת להם פריסה	לגבי רשומות פריסה, מספר הצמתים שסומנו כדרושים לפריסה לפני תחילת הממסר. בדרך כלל מדובר בצמתים שבוטלו על ידי קוד המפתח, יחד עם נתיב למעלה לרוטציית שורש.
גודל עץ הפריסה	לרשומות Layout, מספר הצמתים הכולל מתחת לשורש של הממסר (הצומת שבו Chrome מפעיל את הממסר).
היקף הפריסה	ערכים אפשריים הם 'חלקי' (גבול הפריסה מחדש הוא חלק מה-DOM) או 'כל המסמך'.
רכיבים שהושפעו	עבור 'חישוב מחדש של רשומות סגנון', מספר הרכיבים שהושפעו מחישוב מחדש של סגנון.
הסגנונות בוטלו	בקטע 'חישוב מחדש של רשומות סגנון', מוצג דוח הקריסות של הקוד שגרם לביטול הסגנון.

אירועים בנושא ציור

בקטע הזה מפורטים אירועים ששייכים לקטגוריה 'ציור' ולמאפיינים שלהם.

אירוע	תיאור
שכבות משולבות	שכבות תמונה מורכבות של מנוע העיבוד של Chrome.
פענוח הקוד של התמונה	משאב תמונה פוענח.
שינוי גודל התמונה	הגודל של תמונה השתנה בהתאם לממדים המקוריים שלה.
צבע	שכבות מורכבות צוירו על אזור מסוים בתצוגה. העברת העכבר מעל רשומת 'ציור' מדגישה את אזור התצוגה שהתעדכנה.

ציור מאפיינים של אירוע

מאפיין (property)	תיאור
מיקום	באירועי צבע, קואורדינטות ה-x וה-y של מלבן הצבע.
מאפיינים	באירועים של 'הצגת תמונה', הנתונים של הגובה והרוחב של האזור הצבוע.