מעקב אחרי נתוני הביצועים במסוף


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

מעקב אחרי מדדי מפתח במרכז הבקרה

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

תמונה של לוח המדדים ב-<span class=לוח הבקרה של מעקב אחרי ביצועים ב-Firebase" />

אלה כמה דוגמאות למגמות שאפשר לעקוב אחריהן:

  • שיפור בזמן התגובה הראשוני לקלט בעקבות שינוי מועד הטעינה של קובצי JavaScript מסוימים באפליקציה
  • ירידה בזמן של הצגת תוכן ראשוני אחרי המעבר לשימוש ב-CDN עבור נכסים
  • ירידה בגודל המטען הייעודי (payload) של התגובה לבקשה לרשת מאז שהטמעתם את השימוש בתמונות ממוזערות
  • עלייה בזמן התגובה של הרשת לקריאה ל-API של צד שלישי במהלך הפסקת שירות במערכת

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

כדי להוסיף מדד ללוח המדדים, פועלים לפי השלבים הבאים:

  1. נכנסים אל לוח הבקרה לביצועים במסוף Firebase.
  2. לוחצים על כרטיס מדד ריק ובוחרים מדד קיים כדי להוסיף אותו ללוח.
  3. לוחצים על בכרטיס מדד עם נתונים כדי לראות עוד אפשרויות, למשל להחלפה או להסרה של מדד.

בלוח המדדים מוצגים נתונים של מדדים שנאספו לאורך זמן, גם בצורה גרפית וגם כשינוי מספרי באחוזים.

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

מה המשמעות של הצבעים אדום, ירוק ואפור?

לרוב המדדים יש מגמת שינוי רצויה, ולכן בלוח המדדים מוצג צבע שמציין אם נתוני המדד משתנים בכיוון טוב או רע.

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

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

מה המשמעות של הקווים הרצופים והמקווקווים?

  • קו כחול כהה רצוף – הערך של המדד לאורך זמן

  • קו מקווקו בצבע תכלת בהיר – הערך של המדד בנקודת זמן ספציפית בעבר
    לדוגמה, אם בוחרים להציג תרשים של 7 הימים האחרונים ומעבירים את העכבר מעל 30 באוגוסט, הקו המקווקו בצבע תכלת בהיר יציג את הערך של המדד ב-23 באוגוסט.



הצגת עקבות והנתונים שלהם

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

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

  • אם בוחרים באחוזון 75% ובטווח הזמן 7 הימים האחרונים, ערך המדד יהיה האחוזון ה-75 של הנתונים שנאספו ביום האחרון, ואחוז השינוי יהיה השינוי מאז 7 ימים לפני כן.
  • אם תשנו את טווח התאריכים ל24 השעות האחרונות, הערך של המדד יהיה החציון של הנתונים שנאספו מהשעה האחרונה, ואחוז השינוי יהיה השינוי מאז 24 שעות לפני כן.

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

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

הצגת נתונים נוספים לגבי עקבה ספציפית

Performance Monitoring מספק דף לפתרון בעיות במסוף Firebase, שבו מודגשים שינויים במדדים. כך קל לטפל בבעיות בביצועים ולצמצם את ההשפעה שלהן על האפליקציות והמשתמשים. אפשר להשתמש בדף פתרון הבעיות כשמגלים על בעיות פוטנציאליות בביצועים, למשל בתרחישים הבאים:

  • אתם בוחרים מדדים רלוונטיים בלוח הבקרה ומבחינים בדלתא גדולה.
  • בטבלת העקבות, ממיינים כך שהדלתאות הגדולות ביותר יוצגו בחלק העליון, ורואים שינוי משמעותי באחוזים.
  • אתם מקבלים התראה באימייל על בעיה בביצועים.

אפשר לגשת לדף לפתרון בעיות בדרכים הבאות:

  • במרכז הבקרה של המדדים, לוחצים על הלחצן הצגת פרטי המדד.
  • בכל כרטיס מדד, בוחרים באפשרות => הצגת פרטים. בדף פתרון הבעיות מוצג מידע על המדד שבחרתם.
  • בטבלת העקבות, לוחצים על שם של עקבה או על ערך של מדד בשורה שמשויכת לעקבה הזו.
  • בהתראה באימייל, לוחצים על Investigate now (בדיקה עכשיו).

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

תמונה של <span class=נתונים ממעקב אחרי ביצועים ב-Firebase שמסוננים לפי מאפיין" />
  • מסננים לפי כתובת URL של דף כדי להציג נתונים של דף ספציפי באתר
  • כדי לדעת איך חיבור 3G משפיע על האפליקציה, אפשר לסנן לפי סוג החיבור בפועל.
  • מסננים לפי מדינה כדי לוודא שהמיקום של מסד הנתונים לא משפיע על אזור מסוים.

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

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

  • מעקב אחר בקשות לרשת – כרטיסיות המדדים שזמינות הן זמן תגובה וגודל מטען ייעודי לתגובה.
  • מעקב אחר קוד בהתאמה אישית – הכרטיסייה של המדד משך הזמן תמיד זמינה (מדד ברירת המחדל לסוג המעקב הזה). אם הוספתם מדדים מותאמים אישית למעקב אחר קוד מותאם אישית, הם יוצגו גם בכרטיסיית המדדים.
  • עקבות של טעינת דפים – הכרטיסיות של המדדים שזמינות כוללות את הצגת התוכן הראשוני (FCP), הצגת התוכן הראשוני (FCP), השהיה ארוכה או ממוצעת לאחר קלט ראשוני (FID) ואירועים שקשורים ל-DOM.
תמונה של <span class=תרשים חלוקה של מעקב אחרי ביצועים ב-Firebase" />

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

צפייה במידע מעמיק על הנתונים

אפשר לסנן ולפלח את הנתונים לפי מאפיין, או ללחוץ כדי להציג את הנתונים בהקשר של סשן שימוש באפליקציה.

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

  1. בתפריט הנפתח של המאפיינים, בוחרים באפשרות מדינה.
  2. בטבלה, ממיינים לפי הערך האחרון כדי לראות את המדינות שהכי משפיעות על זמני התגובה של הרשת.
  3. בוחרים את המדינות עם הערכים האחרונים הכי גבוהים כדי להציג אותם בתרשים. אחר כך מעבירים את הסמן מעל ציר הזמן בתרשים כדי לראות מתי זמני התגובה של הרשת הואטו במדינות האלה.
  4. כדי לחקור לעומק את שורשי הבעיות של זמני תגובה ברשת במדינות ספציפיות, מוסיפים מסננים למדינות האלה וממשיכים לחקור מאפיינים אחרים (כמו סוגי רדיו ומכשירים).