वेब के लिए परफ़ॉर्मेंस मॉनिटर करने की सुविधा का इस्तेमाल शुरू करना

शुरू करने से पहले

अगर आपने पहले से ऐसा नहीं किया है, तो अपने JavaScript प्रोजेक्ट में Firebase जोड़ें पर जाएं और ये काम करने का तरीका जानें:

  • Firebase प्रोजेक्ट बनाना

  • Firebase में अपना वेब ऐप्लिकेशन रजिस्टर करना

ध्यान दें कि अपने ऐप्लिकेशन में Firebase जोड़ने पर, हो सकता है कि आप इस पेज पर बाद में बताए गए कुछ चरणों को पूरा कर लें. उदाहरण के लिए, एसडीके जोड़ना और Firebase को शुरू करना.

पहला चरण: Performance Monitoring को जोड़ें और शुरू करें

  1. अगर आपने पहले से ही ऐसा नहीं किया है, तो Firebase JS SDK टूल इंस्टॉल करें और Firebase को शुरू करें.

  2. Performance Monitoring JS SDK टूल जोड़ें और Performance Monitoring को शुरू करें:

Web 

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);

Web 

import firebase from "firebase/compat/app";
import "firebase/compat/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();

Performance Monitoring SDK टूल, वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी अपने-आप रिकॉर्ड करता है.

दूसरा चरण: शुरुआती डेटा दिखाने के लिए, परफ़ॉर्मेंस इवेंट जनरेट करना

जब SDK टूल को आपके ऐप्लिकेशन में जोड़ दिया जाता है, तब Firebase इवेंट को प्रोसेस करना शुरू कर देता है. अगर अब भी स्थानीय तौर पर ऐप्लिकेशन डेवलप किया जा रहा है, तो शुरुआती डेटा कलेक्शन और प्रोसेसिंग के लिए इवेंट जनरेट करने के लिए, अपने ऐप्लिकेशन से इंटरैक्ट करें.

  1. अपने वेब ऐप्लिकेशन को लोकल एनवायरमेंट में चलाएं और देखें.

  2. अपनी साइट के सबपेज लोड करके, अपने ऐप्लिकेशन से इंटरैक्ट करके, और/या नेटवर्क के अनुरोध ट्रिगर करके इवेंट जनरेट करें. पेज लोड होने के बाद, ब्राउज़र टैब को कम से कम 10 सेकंड तक खुला रखें.

  3. Firebase कंसोल के परफ़ॉर्मेंस डैशबोर्ड पर जाएं. आपको कुछ ही मिनटों में शुरुआती डेटा दिखने लगेगा.

    अगर आपको शुरुआती डेटा नहीं दिखता है, तो समस्या हल करने के लिए सलाह देखें.

तीसरा चरण: (ज़रूरी नहीं) परफ़ॉर्मेंस इवेंट के लिए लॉग मैसेज देखना

  1. अपने ब्राउज़र के डेवलपर टूल खोलें. उदाहरण के लिए, Chrome DevTools के लिए नेटवर्क टैब या Firefox के लिए नेटवर्क मॉनिटर में.

  2. ब्राउज़र में अपने वेब ऐप्लिकेशन को रीफ़्रेश करें.

  3. गड़बड़ी के मैसेज देखने के लिए, अपने लॉग मैसेज देखें.

  4. कुछ सेकंड के बाद, अपने ब्राउज़र के डेवलपर टूल में firebaselogging.googleapis.com के लिए नेटवर्क कॉल देखें. उस नेटवर्क कॉल की मौजूदगी से पता चलता है कि ब्राउज़र, Firebase को परफ़ॉर्मेंस डेटा भेज रहा है.

अगर आपका ऐप्लिकेशन परफ़ॉर्मेंस इवेंट लॉग नहीं कर रहा है, तो समस्या हल करने के लिए सलाह देखें.

चौथा चरण: (ज़रूरी नहीं) किसी खास कोड के लिए, कस्टम मॉनिटरिंग जोड़ना

अपने ऐप्लिकेशन में किसी खास कोड से जुड़े परफ़ॉर्मेंस डेटा को मॉनिटर करने के लिए, कस्टम कोड ट्रेस को इंस्ट्रुमेंट किया जा सकता है.

कस्टम कोड ट्रेस की मदद से, यह मेज़र किया जा सकता है कि आपके ऐप्लिकेशन को कोई खास टास्क या टास्क का सेट पूरा करने में कितना समय लगता है. जैसे, इमेज का सेट लोड करना या आपके डेटाबेस से क्वेरी करना. कस्टम कोड ट्रेस के लिए डिफ़ॉल्ट मेट्रिक, उसकी अवधि होती है. हालांकि, इसमें कस्टम मेट्रिक भी जोड़ी जा सकती हैं. जैसे, कैश मेमोरी में डेटा मिलने की संख्या और मेमोरी से जुड़ी चेतावनियां.

अपने कोड में, कस्टम कोड ट्रेस की शुरुआत और आखिर को तय किया जाता है. साथ ही, Performance Monitoring SDK टूल से मिले एपीआई का इस्तेमाल करके, अपनी पसंद की कोई भी कस्टम मेट्रिक जोड़ी जाती है.

इन सुविधाओं के बारे में ज़्यादा जानने और इन्हें अपने ऐप्लिकेशन में जोड़ने का तरीका जानने के लिए, किसी खास कोड के लिए मॉनिटरिंग जोड़ें पर जाएं.

पांचवां चरण: अपना ऐप्लिकेशन डिप्लॉय करना और फिर नतीजों की समीक्षा करना

Performance Monitoring की पुष्टि करने के बाद, अपने ऐप्लिकेशन के अपडेट किए गए वर्शन को उपयोगकर्ताओं के लिए डिप्लॉय किया जा सकता है.

Firebase कंसोल के परफ़ॉर्मेंस डैशबोर्ड में, परफ़ॉर्मेंस डेटा को मॉनिटर किया जा सकता है.

अगले चरण