नेटवर्क पैनल: नेटवर्क लोड और संसाधनों का विश्लेषण करें

Dale St. Marthe
Dale St. Marthe

पेज लोड होने का विश्लेषण करने और नेटवर्क संसाधनों की जांच करने के लिए, नेटवर्क पैनल का इस्तेमाल करें.

खास जानकारी

नेटवर्क पैनल की मदद से:

नेटवर्क गतिविधि की जांच करें पर जाएं और नेटवर्क पैनल की सबसे ज़्यादा इस्तेमाल की जाने वाली कुछ सुविधाओं के बारे में जानने के लिए, निर्देशों वाला ट्यूटोरियल देखें.

नेटवर्क पैनल खोलना

नेटवर्क पैनल खोलने के लिए, DevTools खोलें. इसके बाद, सबसे ऊपर मौजूद ऐक्शन बार में मौजूद नेटवर्क पर क्लिक करें.

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

  1. DevTools खोलें.
  2. कमांड मेन्यू खोलने के लिए, यह दबाएं:
  3. macOS: Command+Shift+P
  4. Windows, Linux, ChromeOS: Control+Shift+P इनके साथ कमांड मेन्यू
  5. Network टाइप करना शुरू करें. इसके बाद, नेटवर्क पैनल दिखाएं को चुनें और Enter दबाएं.

नेटवर्क पर की गई गतिविधि रिकॉर्ड करना

DevTools खोलने पर, नेटवर्क अनुरोध नेटवर्क पैनल में अपने-आप रिकॉर्ड हो जाते हैं. ऐसा तब तक होता है, जब तक DevTools खुला रहता है.

रिकॉर्डिंग के अलावा, ये काम भी किए जा सकते हैं:

नेटवर्क अनुरोधों की जांच करना

नेटवर्क के सभी अनुरोध, पैनल के बीच में मौजूद अनुरोध टेबल में लॉग किए जाते हैं.

डिफ़ॉल्ट रूप से दिखने वाले कॉलम और जोड़े जा सकने वाले अन्य कॉलम के बारे में ज़्यादा जानने के लिए, अनुरोधों का लॉग देखें लेख पढ़ें.

अनुरोध के बारे में ज़्यादा जानकारी वाले टैब देखने के लिए, अनुरोध के नाम पर क्लिक करें. इनमें ये चीज़ें शामिल हैं:

  • हेडर: चुने गए रिसॉर्स के एचटीटीपी हेडर.
  • पेलोड: किसी अनुरोध के क्वेरी स्ट्रिंग पैरामीटर और फ़ॉर्म डेटा.
  • झलक: एचटीएमएल का बुनियादी रेंडरिंग.
  • रिस्पॉन्स: चुने गए संसाधन का एचटीएमएल सोर्स कोड.
  • शुरू करने वाला: संसाधन का अनुरोध किस वजह से किया गया.
  • समय: चुने गए संसाधन के लिए, नेटवर्क गतिविधि का ब्रेकडाउन.
  • कुकी: अनुरोध और उसके जवाब की कुकी.

नेटवर्क से जुड़े अनुरोधों को फ़िल्टर करना और क्रम से लगाना

नेटवर्क पैनल की मदद से, अनुरोध टेबल में अनुरोधों को दो तरीकों से क्रम में लगाया जा सकता है:

अनुरोध टेबल में अनुरोधों को फ़िल्टर करने के कई तरीके यहां दिए गए हैं:

किसी खास स्ट्रिंग या रेगुलर एक्सप्रेशन के लिए, सभी रिसॉर्स के एचटीटीपी हेडर और रिस्पॉन्स खोजने का तरीका जानने के लिए, Search Network के हेडर और रिस्पॉन्स देखें.

लोड होने का तरीका बदलना

नेटवर्क पैनल में जाकर, पेज लोड होने के तरीके में बदलाव करके, अपने पेज के उपयोगकर्ता अनुभव की जांच करें.

नेटवर्क पैनल का इस्तेमाल करके, ये काम किए जा सकते हैं:

नेटवर्क अनुरोध का डेटा सेव और एक्सपोर्ट करना

नेटवर्क अनुरोध का डेटा सेव और एक्सपोर्ट करने के लिए, यह लेख पढ़ें: