Connor Clark
परफ़ॉर्मेंस ट्रेस को परफ़ॉर्मेंस पैनल में सेव किया जा सकता है, ताकि उन्हें बाद में फिर से लोड किया जा सके. परफ़ॉर्मेंस से जुड़ी समस्याओं को डीबग करते समय, इस जानकारी को अन्य डेवलपर के साथ शेयर किया जा सकता है. साथ ही, इसे आने वाले समय में भी इस्तेमाल किया जा सकता है.
ट्रेस को भी सेव किया जा सकता है. इसके लिए, पेज पर मौजूद सभी स्क्रिप्ट कॉन्टेंट और सोर्स मैप की कॉपी सेव की जाती है. इससे बाद में ट्रेस इंपोर्ट करते समय, डीबग करने का बेहतर अनुभव मिलता है.
स्क्रिप्ट कॉन्टेंट या सोर्स मैप वाला कोई ट्रेस, परफ़ॉर्मेंस पैनल में लोड होने पर, एक नया टैब खुलता है. इस DevTools टैब में परफ़ॉर्मेंस और सोर्स पैनल होते हैं.
परफ़ॉर्मेंस ट्रेस सेव करने की सेटिंग
रिकॉर्डिंग सेव करने और बाद में उसे परफ़ॉर्मेंस से जुड़ी एनोटेट की गई जानकारी के साथ शेयर करने के लिए, परफ़ॉर्मेंस पैनल में सबसे ऊपर मौजूद ऐक्शन बार में, डाउनलोड करें पर क्लिक करें. इसके बाद, ट्रेस सेव करें को चुनें. आपको ये विकल्प दिखेंगे:
- एनोटेशन शामिल करें
- संसाधन वाला कॉन्टेंट शामिल करें
- स्क्रिप्ट के सोर्स मैप शामिल करें
- gzip की मदद से कंप्रेस करना
| सेटिंग | ब्यौरा | डिफ़ॉल्ट | इसे चालू क्यों करें | बंद क्यों करें |
|---|---|---|---|---|
| एनोटेशन शामिल करें | ध्यान दें: यह विकल्प सिर्फ़ तब शामिल होता है, जब पेज पर कोई एनोटेशन मौजूद हो. इससे यह कंट्रोल किया जाता है कि सेव की गई ट्रेस फ़ाइल में एनोटेशन शामिल किए जाएं या नहीं. |
चालू | एनोटेशन का इस्तेमाल, ट्रेस के बारे में बताने, ट्रेस के कुछ अहम हिस्सों को हाइलाइट करने या उन हिस्सों के बारे में सवाल पूछने के लिए किया जा सकता है जिनकी ज़्यादा जांच करने की ज़रूरत है. | एनोटेशन में आपके काम की जानकारी होती है. इसलिए, हो सकता है कि वे दूसरे डेवलपर के लिए काम की न हों. व्याख्या के बिना सेव करने के बजाय, व्याख्याओं को साफ़ करें, ताकि काम की व्याख्याएं शामिल की जा सकें. |
| संसाधन वाला कॉन्टेंट शामिल करें | इस कुकी से यह कंट्रोल किया जाता है कि ट्रेस लोड करते समय, सोर्स पैनल में देखने के लिए, सेव की गई ट्रेस फ़ाइल में एचटीएमएल, JavaScript फ़ाइलों, और सीएसएस का कॉन्टेंट शामिल किया जाए या नहीं. ध्यान दें: एक्सटेंशन स्क्रिप्ट के कॉन्टेंट को कभी भी शामिल नहीं किया जाता. भले ही, यह विकल्प चालू हो. ऐसा इसलिए, क्योंकि एक्सटेंशन, परफ़ॉर्मेंस को डीबग करने में बहुत कम मददगार होते हैं. हालांकि, इनमें अक्सर संवेदनशील जानकारी होती है. उदाहरण के लिए, कंपनी के निजी एक्सटेंशन. हालांकि, एक्सटेंशन स्क्रिप्ट से मिले प्रोफ़ाइलिंग डेटा को ट्रेस में सेव किया जाता है, क्योंकि इससे परफ़ॉर्मेंस पर अब भी असर पड़ सकता है. |
बंद है | सोर्स पैनल का इस्तेमाल, पेज पर चलने वाले संसाधनों को देखने के लिए किया जा सकता है.इसमें लाइन पर आधारित रनटाइम लागत भी शामिल है. परफ़ॉर्मेंस पैनल, सोर्स पैनल में मौजूद किसी लाइन से लिंक हो सकता है. उदाहरण के लिए, फ़्लेम चार्ट में फ़ंक्शन कॉल या बॉटम-अप/कॉल-ट्री टेबल. कुछ परफ़ॉर्मेंस की अहम जानकारी के लिए, स्क्रिप्ट के कॉन्टेंट की ज़रूरत होती है. ध्यान दें: अगर आपको संसाधन के कॉन्टेंट को संवेदनशील जानकारी के तौर पर देखना है, तो आपको ट्रेस फ़ाइल को भी संवेदनशील जानकारी के तौर पर देखना चाहिए. |
अगर आपको बेहतर परफ़ॉर्मेंस पैनल के अनुभव के बजाय, छोटी ट्रेस फ़ाइल चाहिए, तो इसे बंद करें. उदाहरण के लिए, सोर्स पैनल में चलने वाली स्क्रिप्ट देखना अगर आपको पता है कि संसाधन के कॉन्टेंट में संवेदनशील जानकारी है और आपको उसे ट्रेस फ़ाइल में शेयर नहीं करना है, तो इसे बंद करें. ऐसा बहुत कम होता है, क्योंकि सोर्स फ़ाइलें उस व्यक्ति को दिखती हैं जिसके पास पेज का ऐक्सेस होता है. हालांकि, अगर आपका सर्वर, पेज पर चलने वाली JavaScript में मौजूदा उपयोगकर्ता के आधार पर सीक्रेट इंजेक्ट करता है, तो इन स्क्रिप्ट के कॉन्टेंट वाली ट्रेस फ़ाइलों को संवेदनशील फ़ाइलें माना जाता है. इसके अलावा, हो सकता है कि आपको सार्वजनिक तौर पर उपलब्ध न होने वाले इंटरनल और इंट्रानेट ऐप्लिकेशन के लिए, सोर्स फ़ाइलें शेयर न करनी हों. |
| स्क्रिप्ट के सोर्स मैप शामिल करें | ध्यान दें: यह विकल्प सिर्फ़ तब उपलब्ध होता है, जब संसाधन का कॉन्टेंट शामिल करें विकल्प चालू हो. कंपाइल की गई या छोटी की गई प्रोडक्शन कॉन्टेंट फ़ाइलों के साथ-साथ, इसमें लिखे गए सोर्स कोड फ़ाइलों की मैपिंग भी शामिल होगी. |
बंद है | परफ़ॉर्मेंस पैनल, सोर्स मैप का इस्तेमाल करके, ऑथर किए गए फ़ंक्शन के नाम दिखाएगा. सोर्स पैनल, पेज की फ़ाइल लिस्टिंग में ऑथर की गई सभी फ़ाइलें दिखाएगा. कुछ परफ़ॉर्मेंस इनसाइट के लिए, सोर्स मैप की ज़रूरत होती है. ध्यान दें कि अगर आपने इस सेटिंग को चालू किया है और सोर्स मैप को संवेदनशील जानकारी माना है, तो आपको ट्रेस फ़ाइल को भी संवेदनशील मानना चाहिए. |
अगर आपको बेहतर परफ़ॉर्मेंस पैनल के अनुभव के बजाय, छोटी ट्रेस फ़ाइल चाहिए, तो इसे बंद करें. उदाहरण के लिए, परफ़ॉर्मेंस फ़्लेम चार्ट में फ़ंक्शन के असली नाम देखना. अगर आपको लगता है कि आपके सोर्स मैप संवेदनशील हैं (उदाहरण के लिए, सिर्फ़ अपने इंटरनल नेटवर्क को सोर्स मैप उपलब्ध कराना और सार्वजनिक इंटरनेट को नहीं), तो इसे बंद करें. साथ ही, आपको यह नहीं चाहिए कि ट्रेस फ़ाइल रखने वाले किसी भी व्यक्ति को सोर्स मैप दिखें. |
| gzip की मदद से कंप्रेस करना | ध्यान दें: Chrome 142 से, यह डिफ़ॉल्ट सेटिंग है. | चालू | परफ़ॉर्मेंस ट्रेस का साइज़ काफ़ी बड़ा हो सकता है. इन्हें कंप्रेस करने से, डिस्क में जगह बचती है. साथ ही, इन्हें DevTools में तेज़ी से अपलोड और प्रोसेस किया जा सकता है. | अगर आपको इन फ़ाइलों को टेक्स्ट एडिटर या इसी तरह के किसी अन्य टूल में खोलकर, कुछ खास ट्रेस इवेंट देखने हैं, तो इन्हें gzip कंप्रेशन के बिना सेव करें. इससे फ़ाइल को आसानी से खोला जा सकेगा. |