HAR फ़ाइल वॉटरफ़ॉल विश्लेषक
अपने ब्राउज़र के DevTools से निर्यात की गई .har फ़ाइल अपलोड करें और हर अनुरोध के अपने समय डेटा से बना वास्तविक अनुरोध वॉटरफ़ॉल देखें, साथ ही गुम कैश हैडर, अनकंप्रेस्ड प्रतिक्रियाओं और रेंडर-ब्लॉकिंग स्क्रिप्ट की जाँच भी।
🔒 पूरी तरह से आपके ब्राउज़र में संसाधित - आपके द्वारा यहां दर्ज की गई कोई भी चीज़ कभी भी अपलोड नहीं की जाती है।
परिणाम
HAR (HTTP Archive) फ़ाइल उन सब चीज़ों का JSON निर्यात है जो ब्राउज़र के DevTools नेटवर्क पैनल ने एक पृष्ठ लोड के दौरान रिकॉर्ड की: हर अनुरोध और प्रतिक्रिया हैडर, हर प्रतिक्रिया बॉडी का सटीक आकार और MIME प्रकार, और प्रति-अनुरोध समय विश्लेषण। आप Chrome, Firefox, Edge या Safari से DevTools खोलकर, नेटवर्क टैब पर पृष्ठ को फिर से लोड करके, फिर अनुरोध सूची पर राइट-क्लिक करके और "सभी को HAR के रूप में सामग्री सहित सहेजें" चुनकर एक बना सकते हैं। यह उपकरण उस निर्यात की गई फ़ाइल को सीधे पढ़ता है — कुछ भी दोबारा फ़ेच या फिर से अनुरोध नहीं किया जाता।
वॉटरफ़ॉल चार्ट पूरी तरह फ़ाइल के अंदर मौजूद डेटा से बनाया गया है: हर प्रविष्टि का अपना timings ऑब्जेक्ट एक अनुरोध को blocked, DNS lookup, connect, SSL/TLS negotiation, send, wait (time to first byte), और receive चरणों में तोड़ता है, और हर चरण अपने रंगीन खंड के रूप में बनाया जाता है। HAR विनिर्देश के अनुसार, SSL समय connect के अंदर भी शामिल होता है, इसलिए इसे पहले वापस घटा लिया जाता है — अन्यथा TLS भाग दो बार गिना जाता और बार की चौड़ाई अब अनुरोध की वास्तविक अवधि के बराबर नहीं जुड़ती। डैश्ड खड़ी मार्कर DOMContentLoaded और Load दिखाती हैं, जो सीधे फ़ाइल के अपने पृष्ठ समय से पढ़ी जाती हैं, ताकि आप ठीक से देख सकें कि कौन से अनुरोध पृष्ठ के इंटरैक्टिव होने से पहले पूरे हुए।
चार्ट के अलावा, उपकरण HAR प्रारूप पहले से ही रिकॉर्ड किए गए फ़ील्ड पर तीन खोज नियम चलाता है। यह कैश करने योग्य प्रतिक्रियाओं (स्थिति 200, 203 या 206) को चिह्नित करता है जिनमें न तो Cache-Control और न ही Expires हैडर है, जिसका अर्थ है कि दोबारा विज़िट पर उन्हें शून्य से फिर डाउनलोड करना पड़ता है। यह 1 KB से बड़ी टेक्स्टुअल प्रतिक्रियाओं — HTML, CSS, JavaScript, JSON, SVG और समान — को चिह्नित करता है जो बिना Content-Encoding के भेजी गई थीं, यह एक आसान संपीड़न अवसर है जिसे अधिकतर सर्वर एक कॉन्फ़िग लाइन से चालू कर सकते हैं। और यह उन CSS या JavaScript अनुरोधों को चिह्नित करता है जो पृष्ठ के अपने DOMContentLoaded ऑफ़सेट से पहले शुरू हुए थे, यह रेंडर-ब्लॉकिंग एसेट का क्लासिक हस्ताक्षर है।
यह सब उस डेटा पर चलता है जो पहले से ही आपके द्वारा अपलोड की गई फ़ाइल में है — इसमें कोई नेटवर्क पहुँच नहीं, कोई बाहरी लुकअप सेवा नहीं, और मूल पृष्ठ की कोई पुनर्प्राप्ति नहीं है। HAR फ़ाइल आपके ब्राउज़र टैब में ही पढ़ी, पार्स और रेंडर की जाती है और कभी कहीं अपलोड नहीं होती।