Google is committed to advancing racial equity for Black communities. See how.
इस पेज का अनुवाद Cloud Translation API से किया गया है.
Switch to English

पृष्ठ लोडिंग प्रदर्शन डेटा (वेब ​​ऐप्स) के बारे में जानें

प्रदर्शन निगरानी आपके ऐप में निगरानी प्रक्रियाओं के बारे में डेटा एकत्र करने के लिए निशान का उपयोग करती है। ट्रेस एक रिपोर्ट है जिसमें आपके ऐप में समय के साथ दो बिंदुओं के बीच कैप्चर किया गया डेटा होता है।

वेब एप्लिकेशन के लिए, प्रदर्शन निगरानी स्वचालित रूप से आपके ऐप के प्रत्येक पृष्ठ के लिए एक पृष्ठ लोड ट्रेस नामक एक ट्रेस एकत्र करती है। प्रत्येक पृष्ठ लोड ट्रेस निम्नलिखित डिफ़ॉल्ट मैट्रिक्स एकत्र करता है:

  • पहला पेंट - एक मीट्रिक जो उपयोगकर्ता एक पृष्ठ पर नेविगेट करता है और जब कोई दृश्य परिवर्तन होता है, के बीच के समय को मापता है

  • पहला कंटेंटफुल पेंट - एक मीट्रिक जो किसी उपयोगकर्ता द्वारा किसी पेज पर नेविगेट करने और जब एक छवि या पाठ की तरह सार्थक सामग्री प्रदर्शित करता है, के बीच के समय को मापता है

  • domInteractive - एक मीट्रिक जो उपयोगकर्ता किसी पृष्ठ पर नेविगेट करता है और जब पृष्ठ को उपयोगकर्ता के लिए इंटरैक्टिव माना जाता है, के बीच के समय को मापता है

  • domContentLoadedEventEnd - एक मीट्रिक जो उपयोगकर्ता एक पृष्ठ पर नेविगेट करता है और जब प्रारंभिक HTML दस्तावेज़ पूरी तरह से लोड और पार्स किया जाता है, के बीच के समय को मापता है

  • loadEventEnd - एक मीट्रिक जो उपयोगकर्ता के पेज पर नेविगेट करने और वर्तमान दस्तावेज़ के लोड होने की घटना के बीच के समय को मापता है

  • पहला इनपुट विलंब - एक मीट्रिक जो उपयोगकर्ता किसी पृष्ठ के साथ इंटरैक्ट करता है और जब ब्राउज़र उस इनपुट पर प्रतिक्रिया देने में सक्षम होता है, के बीच के समय को मापता है

फायरबेस कंसोल के ऑन डिवाइस टैब में पेज लोड निशान से डेटा देखें (इस पृष्ठ पर बाद में और जानें )।

पृष्ठ लोड ट्रेस की परिभाषा

यह ट्रेस कई मेट्रिक्स को मापता है कि आपके एप्लिकेशन में पेज कैसे लोड होते हैं, विशेष रूप से एक उत्तरदायी एप्लिकेशन की तरह, सामान्य लोडिंग पॉइंट तक पहुंचने में कितना समय लगता है।

पृष्ठ लोड निशान आपको अपने ऐप के मुख्य वेब विटल्स को ट्रैक करने में मदद करते हैं, जैसे पहले विवादास्पद पेंट।

पृष्ठ लोड ट्रेस के लिए एकत्र किए गए मेट्रिक्स

ये निशान आउट-ऑफ-द-बॉक्स निशान हैं, इसलिए आप उनमें कस्टम मेट्रिक्स या कस्टम विशेषता नहीं जोड़ सकते।

पहला पेंट

यह मीट्रिक उस समय को मापता है जब उपयोगकर्ता किसी पृष्ठ पर नेविगेट करता है और जब कोई दृश्य परिवर्तन होता है।

यह मीट्रिक आपके उपयोगकर्ताओं को पहले पेंट संकेतों के बाद से उपयोगी है जो पृष्ठ लोड करना शुरू कर रहा है।

  • प्रारंभ होता है जब उपयोगकर्ता किसी पृष्ठ पर नेविगेट करता है।

  • जब कोई दृश्य परिवर्तन होता है, तो पृष्ठभूमि रंग परिवर्तन या शीर्ष लेख लोड करना बंद हो जाता है।

पहला विवादास्पद पेंट

यह मीट्रिक उस समय को मापता है जब उपयोगकर्ता किसी पृष्ठ पर नेविगेट करता है और जब कोई चित्र या पाठ की तरह सार्थक सामग्री प्रदर्शित होती है।

यह मीट्रिक इनसाइट्स के लिए उपयोगी है कि कैसे आपके उपयोगकर्ता जल्द ही किसी नए पृष्ठभूमि रंग या हेडर के बजाय आपके ऐप की किसी भी वास्तविक सामग्री को देख सकें।

  • प्रारंभ होता है जब उपयोगकर्ता किसी पृष्ठ पर नेविगेट करता है।

  • ब्राउज़र के तुरंत बाद स्टॉप्स डोम से पहली सामग्री प्रदान करता है, जिसमें किसी भी पाठ, छवि (पृष्ठभूमि छवियों सहित), गैर-सफेद कैनवास, या एसवीजी शामिल हैं।

DOMInteractive

यह मीट्रिक उस समय को मापता है जब उपयोगकर्ता किसी पृष्ठ पर नेविगेट करता है और जब पृष्ठ को उपयोगकर्ता के लिए इंटरैक्टिव माना जाता है।

यह मीट्रिक इनसाइट्स के लिए उपयोगी है कि कितनी जल्दी आपके उपयोगकर्ता वास्तव में आपके ऐप में मौजूद तत्वों जैसे कि बटन और हाइपरलिंक्स के साथ बातचीत कर सकते हैं, बजाय स्क्रीन पर देखने के। ध्यान दें कि इसका मतलब यह नहीं है कि ब्राउज़र इंटरैक्शन के लिए प्रतिक्रिया देगा (इस मीट्रिक के लिए, पहले इनपुट देरी ट्रेस को देखें)।

  • प्रारंभ होता है जब उपयोगकर्ता किसी पृष्ठ पर नेविगेट करता है।

  • उपयोगकर्ता एजेंट "इंटरैक्टिव" के लिए वर्तमान HTML दस्तावेज़ की तत्परता सेट करने से पहले तुरंत बंद हो जाता है।

domContentLoadedEventEnd

यह मीट्रिक उस समय को मापता है जब उपयोगकर्ता किसी पृष्ठ पर नेविगेट करता है और जब प्रारंभिक HTML दस्तावेज़ पूरी तरह से लोड और पार्स हो जाता है।

  • प्रारंभ होता है जब उपयोगकर्ता किसी पृष्ठ पर नेविगेट करता है।

  • प्रारंभिक HTML दस्तावेज़ पूरी तरह से लोड होने और पार्स किए जाने के तुरंत बाद रुक जाता है ( DOMContentLoaded ), लेकिन इसका मतलब यह नहीं है कि स्टाइलशीट, चित्र और सबफ़्रेम लोड हो रहे हैं।

loadEventEnd

यह मीट्रिक उस समय को मापता है जब उपयोगकर्ता पृष्ठ पर नेविगेट करता है और जब वर्तमान दस्तावेज़ का लोड इवेंट पूरा होता है।

यह मीट्रिक स्टाइलशीट और छवियों सहित आपकी सभी सामग्री को लोड करने में कितना समय लेता है, अंतर्दृष्टि के लिए उपयोगी है।

  • प्रारंभ होता है जब उपयोगकर्ता किसी पृष्ठ पर नेविगेट करता है।

  • वर्तमान HTML दस्तावेज़ के लोड की घटना पूरी होने के तुरंत बाद रुक जाता है।

पहले इनपुट में देरी

यह मीट्रिक उस समय को मापता है जब उपयोगकर्ता किसी पृष्ठ के साथ इंटरैक्ट करता है और जब ब्राउज़र उस इनपुट पर प्रतिक्रिया देने में सक्षम होता है।

यह मीट्रिक तब से उपयोगी है जब एक उपयोगकर्ता इंटरैक्शन का जवाब देने वाला ब्राउज़र आपके उपयोगकर्ताओं को आपके ऐप की जवाबदेही के बारे में अपना पहला इंप्रेशन देता है।

  • प्रारंभ होता है जब उपयोगकर्ता पहले पृष्ठ पर एक तत्व के साथ बातचीत करता है, जैसे बटन या हाइपरलिंक पर क्लिक करना।

  • ब्राउज़र के तुरंत बाद बंद हो जाता है, इनपुट का जवाब देने में सक्षम है, जिसका अर्थ है कि ब्राउज़र आपकी सामग्री को लोड करने या पार्स करने में व्यस्त नहीं है।

ध्यान दें कि पहले इनपुट देरी मीट्रिक को मापने के लिए, आपको इस मीट्रिक के लिए पॉलीफिल लाइब्रेरी जोड़ना होगा। स्थापना निर्देशों के लिए, लाइब्रेरी के दस्तावेज़ देखें

ट्रैक, दृश्य और फ़िल्टर प्रदर्शन डेटा

अपने डैशबोर्ड में प्रमुख मीट्रिक ट्रैक करें

अपने डैशबोर्ड में अपने प्रमुख मीट्रिक जोड़ें, यह जानने के लिए कि वे कैसे चल रहे हैं। आप सप्ताह-दर-सप्ताह के परिवर्तनों को देखकर जल्दी से पहचान कर सकते हैं या सत्यापित कर सकते हैं कि आपके कोड में हालिया परिवर्तन प्रदर्शन में सुधार कर रहे हैं।

फायरबेस परफॉर्मेंस मॉनिटरिंग मेट्रिक्स डैशबोर्ड की एक छवि

अपने डैशबोर्ड में एक मीट्रिक जोड़ने के लिए, फायरबेस कंसोल में प्रदर्शन डैशबोर्ड पर जाएं, फिर डैशबोर्ड टैब पर क्लिक करें। एक खाली मीट्रिक कार्ड पर क्लिक करें, फिर अपने डैशबोर्ड में जोड़ने के लिए एक मौजूदा मीट्रिक चुनें। क्लिक करें बदलने के लिए या एक मीट्रिक दूर करने के लिए की तरह है, और अधिक विकल्प के लिए एक आबादी वाले मीट्रिक कार्ड पर।

डैशबोर्ड समय के साथ एकत्र किए गए मीट्रिक डेटा को ग्राफ़िकल रूप में और संख्यात्मक प्रतिशत परिवर्तन के रूप में दिखाता है।

डैशबोर्ड का उपयोग करने के बारे में और जानें।

सभी निशान और उनके डेटा देखें

इन निशानों को देखने के लिए, फायरबेस कंसोल में प्रदर्शन डैशबोर्ड पर जाएं, फिर डिवाइस टैब पर क्लिक करें।

ऑन डिवाइस टैब से, आप ट्रेस का पता लगाने और ब्याज की मीट्रिक में नीचे ड्रिल करने के लिए विभिन्न स्क्रीन के माध्यम से क्लिक कर सकते हैं। अधिकांश पृष्ठों पर, उदाहरण के लिए, डेटा को फ़िल्टर करने के लिए आप फ़िल्टर बटन (स्क्रीन के ऊपर-बाएँ) का उपयोग कर सकते हैं:

फायरबेस परफॉर्मेंस मॉनिटरिंग डेटा की एक छवि विशेषता द्वारा फ़िल्टर की जा रही है
  • अपनी साइट के किसी विशिष्ट पृष्ठ का डेटा देखने के लिए पृष्ठ URL द्वारा फ़िल्टर करें
  • 3 जी कनेक्शन आपके ऐप पर कैसे प्रभाव डालता है, यह जानने के लिए प्रभावी कनेक्शन प्रकार द्वारा फ़िल्टर करें
  • यह सुनिश्चित करने के लिए कि आपका डेटाबेस स्थान किसी विशिष्ट क्षेत्र को प्रभावित नहीं कर रहा है, देश द्वारा फ़िल्टर करें

अपने निशान के लिए डेटा देखने के बारे में अधिक जानें।

अगला कदम