शुरू करने से पहले
अगर आपने अब तक ऐसा नहीं किया है, तो इस पर जाएं ये काम करने का तरीका जानने के लिए, Firebase को अपने JavaScript प्रोजेक्ट में जोड़ें:
Firebase प्रोजेक्ट बनाना
अपने वेब ऐप्लिकेशन को Firebase के साथ रजिस्टर करें
ध्यान दें कि Firebase को अपने ऐप्लिकेशन में जोड़ने पर, इनमें से कुछ काम पूरे किए जा सकते हैं इस पेज पर आगे बताए गए चरणों के बारे में बताया गया है (उदाहरण के लिए, SDK टूल जोड़ना और Firebase).
पहला चरण: Performance Monitoring जोड़ें और शुरू करें
यदि आपने पहले से ऐसा नहीं किया है, तो Firebase JS SDK इंस्टॉल करके, Firebase शुरू करें.
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 टूल को ऐप्लिकेशन में जोड़ने के बाद, Firebase इवेंट प्रोसेस करना शुरू कर देता है. अगर ऐप्लिकेशन को अब भी लोकल तौर पर डेवलप किया जा रहा है, तो शुरुआती डेटा इकट्ठा करने और प्रोसेस करने के लिए, अपने ऐप्लिकेशन के साथ इंटरैक्ट करें.
स्थानीय वातावरण में अपना वेब ऐप्लिकेशन उपलब्ध कराएं और देखें.
अपनी साइट के लिए सबपेज लोड करके, इवेंट जनरेट करें और/या नेटवर्क अनुरोधों को ट्रिगर करने में मदद करता है. ब्राउज़र टैब को बनाए रखना पक्का करें पेज लोड होने के बाद, कम से कम 10 सेकंड तक खुलता है.
परफ़ॉर्मेंस डैशबोर्ड पर जाएं Firebase कंसोल में बदल दिया जाता है. आपको अपना शुरुआती डेटा यहां दिखेगा कुछ मिनट.
अगर आपको अपना शुरुआती डेटा नहीं दिखता है, तो समस्या का हल देखें सलाह देखें.
चौथा चरण: (ज़रूरी नहीं) परफ़ॉर्मेंस इवेंट के लिए लॉग मैसेज देखना
अपने ब्राउज़र के डेवलपर टूल खोलें. उदाहरण के लिए, Chrome DevTools के लिए नेटवर्क टैब या Firefox के लिए नेटवर्क मॉनिटर.
ब्राउज़र में अपने वेब ऐप्लिकेशन को रीफ़्रेश करें.
गड़बड़ी के किसी भी मैसेज के लिए अपने लॉग मैसेज देखें.
कुछ सेकंड के बाद, इस नंबर पर नेटवर्क कॉल करें
firebaselogging.googleapis.com
. कॉन्टेंट बनाने नेटवर्क कॉल की मौजूदगी से पता चलता है कि ब्राउज़र परफ़ॉर्मेंस भेज रहा है डेटा को Firebase में भेजें.
अगर आपका ऐप्लिकेशन, परफ़ॉर्मेंस से जुड़े इवेंट लॉग नहीं कर रहा है, तो समस्या का हल देखें सलाह देखें.
पांचवां चरण: (ज़रूरी नहीं) किसी कोड के लिए, अपने हिसाब से मॉनिटरिंग की सुविधा चालू करना
अपने ऐप्लिकेशन में किसी खास कोड से जुड़े परफ़ॉर्मेंस डेटा पर नज़र रखने के लिए, ये काम किए जा सकते हैं इंस्ट्रुमेंट कस्टम कोड ट्रेस.
कस्टम कोड ट्रेस की मदद से, यह मेज़र किया जा सकता है कि आपके ऐप्लिकेशन को पूरा होने में कितना समय लगता है कोई खास टास्क या टास्क का सेट. जैसे, इमेज का सेट लोड करना या क्वेरी करना आपका डेटाबेस. कस्टम कोड ट्रेस के लिए डिफ़ॉल्ट मेट्रिक उसकी अवधि होती है, लेकिन आपके पास कैश हिट और मेमोरी चेतावनियां जैसी कस्टम मेट्रिक भी जोड़ने का विकल्प है.
अपने कोड में, कस्टम कोड ट्रेस की शुरुआत और आखिर में मौजूद जानकारी शामिल करें (और कोई भी पसंदीदा कस्टम मेट्रिक जोड़ें). इसके लिए, Performance Monitoring SDK टूल से मिले एपीआई का इस्तेमाल करें.
इन सुविधाओं के बारे में ज़्यादा जानने और उन्हें अपने ऐप्लिकेशन में जोड़ने का तरीका जानने के लिए, किसी खास कोड के लिए मॉनिटरिंग जोड़ें पर जाएं.
छठा चरण: अपना ऐप्लिकेशन डिप्लॉय करें और फिर नतीजों की समीक्षा करें
Performance Monitoring की पुष्टि करने के बाद, आप इसके अपडेट किए गए वर्शन को डिप्लॉय कर सकते हैं को किस तरह डिज़ाइन किया जाए.
परफ़ॉर्मेंस डेटा को मॉनिटर करने के लिए, परफ़ॉर्मेंस डैशबोर्ड का Firebase कंसोल पर क्लिक करें.
अगले चरण
Firebase Performance Monitoring for Web Codelab की मदद से, इसे आज़माकर देखें.
Performance Monitoring अपने-आप इकट्ठा होने वाले डेटा के बारे में ज़्यादा जानें:
- आपके ऐप्लिकेशन में पेज लोड होने का डेटा
- एचटीटीपी/एस नेटवर्क अनुरोधों का डेटा आपके ऐप्लिकेशन की ओर से जारी
Firebase कंसोल में, अपनी परफ़ॉर्मेंस का डेटा देखना, ट्रैक करना, और फ़िल्टर करना
अपने ऐप्लिकेशन में खास टास्क या वर्कफ़्लो के लिए, मॉनिटरिंग की सुविधा चालू करें कस्टम कोड ट्रेस बनाना
परफ़ॉर्मेंस डेटा को फ़िल्टर करने के लिए, एट्रिब्यूट इस्तेमाल करना