Catch up on everthing we announced at this year's Firebase Summit. Learn more

התחל בעבודה עם ניטור ביצועים באינטרנט

לפני שאתה מתחיל

אם לא עשית זאת עדיין, לבקר להוסיף Firebase לפרויקט JavaScript שלך כדי ללמוד כיצד:

  • צור פרויקט Firebase

  • רשום את אפליקציית האינטרנט שלך ב- Firebase

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

שלב 1: הוסף לאתחל מעקב אחר ביצועים

  1. אם לא עשית זאת עדיין, להתקין את ה- SDK Firebase JS ו לאתחל Firebase .

  2. הוסף את JK SDS ניטור ביצועים ואתחל ניטור ביצועים:

    גרסת אינטרנט 9

    import { initializeApp } from "firebase/app";
    import { getPerformance } from "firebase/performance";
    
    // TODO: Replace the following with your app's Firebase project configuration
    // See: https://firebase.google.com/docs/web/learn-more#config-object
    const firebaseConfig = {
      // ...
    };
    
    // Initialize Firebase
    const app = initializeApp(firebaseConfig);
    
    // Initialize Performance Monitoring and get a reference to the service
    const perf = getPerformance(app);
    

    גרסת אינטרנט 8

    import firebase from "firebase/app";
    import "firebase/performance";
    
    // TODO: Replace the following with your app's Firebase project configuration
    // See: https://firebase.google.com/docs/web/learn-more#config-object
    const firebaseConfig = {
      // ...
    };
    
    // Initialize Firebase
    firebase.initializeApp(firebaseConfig);
    
    // Initialize Performance Monitoring and get a reference to the service
    const perf = firebase.performance();
    

שלב 2: להוסיף לספריית העיכוב polyfill הקלט הראשון

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

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

שלב 3: צור אירועי ביצועים לתצוגת נתונים ראשוניים

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

  1. מגישים וצפה באפליקציית האינטרנט שלך בסביבה מקומית.

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

  3. עבור אל לוח המחוונים ביצועים של קונסולת Firebase. אתה אמור לראות את הנתונים הראשוניים שלך מוצגים תוך מספר דקות.

    אם אינך רואה תצוגה של הנתונים ההתחלתי, לסקור את הטיפים .

שלב 4: (אופציונאלי) הודעות יומן עבור אירועי ביצועים

  1. לפתוח את הכלים למפתחים של הדפדפן (למשל, רשת לשונית כלי Chrome Dev או צג הרשת עבור Firefox ).

  2. רענן את אפליקציית האינטרנט שלך בדפדפן.

  3. בדוק אם יש הודעות שגיאה בהודעות היומן שלך.

  4. אחרי כמה שניות, לחפש שיחת רשת firebaselogging.googleapis.com בכלי המפתחים של הדפדפן. הנוכחות של אותה שיחת רשת מראה שהדפדפן שולח נתוני ביצועים ל- Firebase.

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

שלב 5: (אופציונלי) הוסף ניטור מותאם אישית עבור קוד ספציפי

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

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

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

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

שלב 6: האפליקציה שלך לפרוס אז תוצאות הסקירה

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

אתה יכול לעקוב אחר נתוני ביצועים של לוח המחוונים ביצועים של קונסולת Firebase.

הצעדים הבאים