Meggin Kearney
Flavio Copes
במצב 'אירועים בציר הזמן' מוצגים כל האירועים שהופעלו במהלך הצילום. במאמר בנושא אירועים בקו הזמן מפורט מידע נוסף על כל סוג של אירוע בקו הזמן.
מאפיינים נפוצים של אירועים בציר הזמן
פרטים מסוימים מופיעים באירועים מכל הסוגים, וחלקם רלוונטיים רק לסוגים מסוימים של אירועים. בקטע הזה מפורטים מאפיינים שקיימים בסוגי אירועים שונים. מאפיינים ספציפיים לסוגים מסוימים של אירועים מפורטים בהפניות לסוגים האלה של אירועים בהמשך.
| נכס | מתי הוא מוצג |
|---|---|
| זמן מצטבר | באירועים עם אירועים בתצוגת עץ, משך הזמן של כל קטגוריה של אירועים. |
| Call Stack | באירועים עם אירועי צאצא, משך הזמן של כל קטגוריה של אירועים. |
| זמן CPU (יחידת עיבוד מרכזית) | משך הזמן של האירוע המוקלט בזמן העבודה של המעבד. |
| פרטים | פרטים נוספים על האירוע. |
| משך (בחותמת הזמן) | משך הזמן שלקח לאירוע עם כל הצאצאים שלו להסתיים. חותמת הזמן היא השעה שבה האירוע התרחש, ביחס לשעת תחילת ההקלטה. |
| זמן פעולה יחידה | משך הזמן של האירוע ללא צאצאיו. |
| גודל הערימה (heap) שנעשה בה שימוש | נפח הזיכרון שבו האפליקציה משתמשת כשהאירוע מתועד, והשינוי (+/-) בדלתה של גודל ה-heap שנעשה בו שימוש מאז הדגימה האחרונה. |
טעינת אירועים
בקטע הזה מפורטים אירועים ששייכים לקטגוריה 'טעינה' והמאפיינים שלהם.
| אירוע | תיאור |
|---|---|
| ניתוח HTML | Chrome ביצע את אלגוריתם הניתוח של HTML. |
| סיום הטעינה | בקשת רשת הושלמה. |
| קבלת נתונים | התקבלו נתונים לגבי בקשה. יהיו אירועי Receive Data אחד או יותר. |
| קבלת תגובה | תגובת ה-HTTP הראשונית מבקשה. |
| שלח בקשה | נשלחה בקשת רשת. |
טעינת מאפייני האירוע
| נכס | תיאור |
|---|---|
| משאב | כתובת ה-URL של המשאב המבוקש. |
| תצוגה מקדימה | תצוגה מקדימה של המשאב המבוקש (תמונות בלבד). |
| שיטת הבקשה | שיטת ה-HTTP ששימשה לבקשה (לדוגמה, GET או POST). |
| קוד הסטטוס | קוד תגובת HTTP. |
| סוג MIME | סוג ה-MIME של המשאב המבוקש. |
| אורך הנתונים המקודדים | האורך של המשאב המבוקש בבייטים. |
אירועים של סקריפטים
בקטע הזה מפורטים האירועים ששייכים לקטגוריה 'סקריפטים' והמאפיינים שלהם.
| אירוע | תיאור |
|---|---|
| הופעל פריים אנימציה | פריים אנימציה מתוזמן הופעל, ומנהל הקריאה החוזרת (callback) שלו הופעל. |
| ביטול מסגרת האנימציה | מסגרת אנימציה מתוזמנת בוטלה. |
| אירוע GC | איסוף האשפה בוצע. |
| DOMContentLoaded | הדפדפן הפעיל את האירוע DOMContentLoaded. האירוע הזה מופעל אחרי שכל תוכן ה-DOM של הדף נטען ועבר ניתוח. |
| הערכה של הסקריפט | סקריפט הוערך. |
| אירוע | אירוע JavaScript (למשל, 'mousedown' או 'key'). |
| בקשה להפעלת פונקציה | בוצעה קריאה לפונקציית JavaScript ברמה העליונה (האירוע מופיע רק כשהדפדפן נכנס למנוע JavaScript). |
| התקנת טיימר | נוצר טיימר באמצעות setInterval() או setTimeout(). |
| בקשה לפריים אנימציה | קריאה ל-requestAnimationFrame() תזמנה מסגרת חדשה |
| הסרה של הטיימר | טיימר שנוצר בעבר נמחק. |
| שעה | סקריפט שנקרא console.time() |
| שעת הסיום | סקריפט שנקרא console.timeEnd() |
| הופעל הטיימר | טיימר שהופעל ונקבע מראש באמצעות setInterval() או setTimeout(). |
| שינוי במצב המוכנות לפעולה של XHR | מצב הנכונות של XMLHTTPRequest השתנה. |
| טעינה של XHR | הטעינה של XMLHTTPRequest הסתיימה. |
מאפייני אירועים של סקריפטים
| נכס | תיאור |
|---|---|
| מזהה הטיימר | מזהה הטיימר. |
| חסימה זמנית | זמן הקצאת הזמן שצוין בטיימר. |
| חזרות | ערך בוליאני שקובע אם הטיימר חוזר על עצמו. |
| בקשה להפעלת פונקציה | פונקציה שהופעל. |
אירועי עיבוד
בקטע הזה מפורטים האירועים ששייכים לקטגוריה 'עיבוד' והמאפיינים שלהם.
| אירוע | תיאור |
|---|---|
| ביטול תוקף הפריסה | פריסת הדף לא תקינה בגלל שינוי ב-DOM. |
| פריסה | בוצעה פריסת דף. |
| חישוב מחדש של הסגנון | Chrome חישב מחדש את סגנונות הרכיבים. |
| גלילה | תוכן התצוגה ההיררכית גלול. |
עיבוד של מאפייני אירועים
| נכס | תיאור |
|---|---|
| ביטול תוקף הפריסה | ברשומות של פריסות, נתיב הסטאק של הקוד שגרם לביטול התוקף של הפריסה. |
| צמתים שדרושה להם פריסה | ברשומות של פריסה, מספר הצמתים שסומנו כצמתים שצריך לבצע להם פריסה לפני שהתחילה יצירת הפריסה מחדש. בדרך כלל, אלה הצמתים שהקוד של המפתחים ביטל, וגם נתיב למעלה לפריסת שורש מחדש. |
| גודל עץ הפריסה | ברשומות של פריסה, המספר הכולל של הצמתים ברמה הבסיסית של הפריסה מחדש (הצומת שבו Chrome מתחיל את הפריסה מחדש). |
| היקף הפריסה | הערכים האפשריים הם 'חלקי' (גבול הפריסה מחדש הוא חלק מ-DOM) או 'כל המסמך'. |
| רכיבים שהושפעו | ברשומות של חישוב מחדש של סגנון, מספר הרכיבים שמושפעים מחישובו מחדש של הסגנון. |
| סגנונות שבוטלו | ברשומות של Recalculate style, הנתון הזה מספק את נתיב הסטאק של הקוד שגרם לביטול התוקף של הסגנון. |
אירועי ציור
בקטע הזה מפורטים אירועים ששייכים לקטגוריה 'ציור' והמאפיינים שלהם.
| אירוע | תיאור |
|---|---|
| שכבות משולבות | מנוע הרינדור של Chrome שילב שכבות תמונה. |
| פענוח הקוד של התמונה | משאב תמונה עבר פענוח. |
| שינוי גודל התמונה | גודל התמונה השתנה מהמידות המקוריות שלה. |
| צבע | שכבות מורכבות צוירו באזור מסוים במסך. כשמעבירים את העכבר מעל רשומת Paint, האזור במסך שעודכן מודגש. |
מאפייני אירועי ציור
| נכס | תיאור |
|---|---|
| מיקום | באירועי ציור, הקואורדינטות x ו-y של מלבן הציור. |
| מידות | באירועי צביעה, הגובה והרוחב של האזור שצויר. |