अपनी साइट के लोड और रनटाइम की परफ़ॉर्मेंस के बारे में तुरंत जानकारी पाने के लिए, परफ़ॉर्मेंस मॉनिटर का इस्तेमाल करें.
खास जानकारी
परफ़ॉर्मेंस मॉनिटर पैनल एक टाइमलाइन दिखाता है, जो रीयल-टाइम में परफ़ॉर्मेंस मेट्रिक का ग्राफ़ बनाती है. किसी मेट्रिक को दिखाने या छिपाने के लिए उस पर क्लिक करें. फिर देखें कि आपके ऐप्लिकेशन से इंटरैक्ट करने पर ग्राफ़ कैसे बदलता है.
परफ़ॉर्मेंस मॉनिटर, इन मेट्रिक को ट्रैक करता है:
- CPU उपयोग.
- JavaScript के हीप का साइज़.
- पेज पर डीओएम नोड, JavaScript इवेंट लिसनर, दस्तावेज़ों, और फ़्रेम की कुल संख्या.
- हर सेकंड लेआउट और स्टाइल रीकैलकुलेशन.
परफ़ॉर्मेंस मॉनिटर पैनल खोलें
परफ़ॉर्मेंस मॉनिटर पैनल खोलने के लिए:
- DevTools खोलें.
- यह दबाकर कमांड मेन्यू खोलें:
- macOS पर: Command+Shift+P
- Windows, Linux, ChromeOS: Control+Shift+P
Performance monitorटाइप करना शुरू करें, परफ़ॉर्मेंस मॉनिटर दिखाएं को चुनें, और Enter दबाएं. DevTools आपकी DevTools विंडो के नीचे परफ़ॉर्मेंस मॉनिटर पैनल दिखाता है.
इसके अलावा, सबसे ऊपर दाएं कोने में मौजूद, more_vert ज़्यादा विकल्प > ज़्यादा टूल > परफ़ॉर्मेंस मॉनिटर चुनें.
परफ़ॉर्मेंस मॉनिटर पैनल का इस्तेमाल करना
परफ़ॉर्मेंस मॉनिटर से आपकी वेबसाइट के रनटाइम की परफ़ॉर्मेंस के बारे में एक सामान्य जानकारी मिलती है.
अपनी वेबसाइट के साथ इंटरैक्ट करने पर मेट्रिक की वैल्यू में होने वाले बदलावों पर नज़र रखने से, इसे बेहतर बनाने के अवसरों का पता चलता है.
परफ़ॉर्मेंस मॉनिटर की एक खास सुविधा यह है कि यह पेज नेविगेशन के दौरान बनी रहती है. इसलिए, फ़्रंटएंड डेवलपर के तौर पर, परफ़ॉर्मेंस मॉनिटर खोलकर, उनकी वेबसाइट को स्क्रोल करके, और DOM नोड और लेआउट/sec मेट्रिक पर नज़र रखकर, लेआउट थ्रेशिंग जैसी समस्याओं से बचा जा सकता है.
अगर उपयोगकर्ता आपकी साइट पर लोड होने में कम समय की शिकायत कर रहे हैं, तो परफ़ॉर्मेंस मॉनिटर की मदद से समस्या वाले हिस्सों की पहचान की जा सकती है.
उदाहरण के लिए, सीपीयू के इस्तेमाल में बड़ी बढ़ोतरी, गलत कोड की ओर इशारा कर सकती है. आम तौर पर, अगर किसी पेज पर JS इवेंट लिसनर की संख्या ज़्यादा है, तो अपने कोड की रीफ़ैक्टर करना और मेमोरी खाली करने के लिए, उन संख्याओं को कम करना फ़ायदेमंद हो सकता है.
अगर आपने परफ़ॉर्मेंस का विश्लेषण करना अभी शुरू किया है, तो हमारा सुझाव है कि आप पहले Lighthouse पैनल का इस्तेमाल करें और फिर परफ़ॉर्मेंस पैनल या परफ़ॉर्मेंस मॉनिटर का इस्तेमाल करके आगे की जांच करें.