इस पेज का अनुवाद Cloud Translation API से किया गया है.

प्रदर्शन पैनल: अपनी वेबसाइट के प्रदर्शन का विश्लेषण करें

Dale St. Marthe

अपनी वेबसाइट की परफ़ॉर्मेंस का विश्लेषण करने के लिए, परफ़ॉर्मेंस पैनल का इस्तेमाल करें.

खास जानकारी

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

ये काम करने के लिए, परफ़ॉर्मेंस पैनल का इस्तेमाल करें:

परफ़ॉर्मेंस प्रोफ़ाइल रिकॉर्ड करें.
कैप्चर सेटिंग में बदलाव करें.
परफ़ॉर्मेंस रिपोर्ट का विश्लेषण करना.

अपनी वेबसाइट की परफ़ॉर्मेंस को बेहतर बनाने से जुड़ी गाइड के लिए, रनटाइम की परफ़ॉर्मेंस का विश्लेषण करना लेख पढ़ें.

परफ़ॉर्मेंस पैनल खोलें

परफ़ॉर्मेंस पैनल खोलने के लिए, DevTools खोलें और सबसे ऊपर मौजूद टैब के सेट से परफ़ॉर्मेंस चुनें.

इसके अलावा, कमांड मेन्यू के साथ परफ़ॉर्मेंस पैनल खोलने के लिए यह तरीका अपनाएं:

DevTools खोलें.
इसे दबाकर कमांड मेन्यू खोलें:
macOS में: Command+Shift+P
Windows, Linux, ChromeOS: Control+Shift+P
Performance panel टाइप करें और परफ़ॉर्मेंस पैनल दिखाएं को चुनें. इसके बाद, Enter दबाएं.

परफ़ॉर्मेंस प्रोफ़ाइल रिकॉर्ड करें

जब आप रिकॉर्ड करने के लिए तैयार होते हैं, तो परफ़ॉर्मेंस पैनल आपको ये विकल्प देता है:

कैप्चर करने की सेटिंग बदलें

कैप्चर सेटिंग की मदद से, यह बदला जा सकता है कि DevTools परफ़ॉर्मेंस रिकॉर्डिंग को कैसे कैप्चर करता है. साथ ही, यह आपको रिपोर्ट में ज़्यादा जानकारी भी दे सकता है. सेटिंग कैप्चर करें पर क्लिक करें सेटिंग कैप्चर सेटिंग मेन्यू को ऐक्सेस करने के लिए.

कैप्चर सेटिंग मेन्यू से ये विकल्प चुनें:

JavaScript के सैंपल बंद करें: इससे मुख्य ट्रैक में दिखाए गए JavaScript कॉल स्टैक की रिकॉर्डिंग बंद हो जाती है. इन कॉल स्टैक को रिकॉर्डिंग के दौरान कॉल किया जाता है. इससे परफ़ॉर्मेंस का ओवरहेड कम हो जाएगा.
बेहतर पेंट इंस्ट्रुमेंटेशन चालू करें (धीमा): इससे बेहतर पेंट इंस्ट्रुमेंटेशन कैप्चर किया जाता है. परफ़ॉर्मेंस में काफ़ी रुकावट डालता है.
सीएसएस सिलेक्टर के आंकड़े दिखाने की सुविधा (धीमा): इससे सीएसएस सिलेक्टर के आंकड़ों को कैप्चर किया जाता है. परफ़ॉर्मेंस में काफ़ी रुकावट डालता है.
सीपीयू थ्रॉटलिंग: सीपीयू की धीमी स्पीड को सिम्युलेट करें.
नेटवर्क को थ्रॉटलिंग: नेटवर्क की धीमी स्पीड को सिम्युलेट करें.
हार्डवेयर को एक साथ कई काम करने की सुविधा: navigator.hardwareConcurrency की रिपोर्ट की गई वैल्यू को कॉन्फ़िगर करें.

परफ़ॉर्मेंस रिपोर्ट का विश्लेषण करना

परफ़ॉर्मेंस पैनल का इस्तेमाल करने के तरीके की पूरी गाइड के लिए, परफ़ॉर्मेंस रिकॉर्डिंग का विश्लेषण करना लेख पढ़ें.

नीचे गाइड के विषयों के समूह के साथ-साथ अन्य उपयोगी दस्तावेज़ दिए गए हैं:

रिपोर्ट में नेविगेट करने का तरीका जानने के लिए:

अपने वर्कफ़्लो के लिए ज़रूरी चीज़ों पर फ़ोकस करने का तरीका जानने के लिए:

सबसे नीचे, कॉल ट्री और इवेंट लॉग टैब के बारे में जानने के लिए:

टेबल में गतिविधियां देखना

रिपोर्ट का विश्लेषण करने का तरीका जानने के लिए:

इन पैनल की मदद से परफ़ॉर्मेंस को बेहतर बनाएं

अपनी वेबसाइट की परफ़ॉर्मेंस को बेहतर बनाने के लिए अन्य पैनल खोजें: