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


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

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

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

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

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

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

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

כדי להוסיף מדד ללוח המדדים:

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

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

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

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

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

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

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

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

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

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



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

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

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

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

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

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

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

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

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

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

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

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

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

הצגת כל המדדים שנאספו ל-trace

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

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

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

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

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

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

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