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