मैं जाँचने में व्यस्त हूँ कि मेरा वेबसर्वर कैसे gzip कर रहा है। मुझे अब भरोसा है कि gzip चालू है क्योंकि क्रोम सामग्री-एन्कोडिंग को दिखाता है: gzip हैडर।
क्या यह देखने का एक आसान तरीका है कि Chrome डेवलपर टूल में कोई फ़ाइल कितनी संकुचित थी?
क्या क्रोम में संपीड़न की मात्रा देखने का एक आसान तरीका है?
जवाबों:
2017 के लिए अद्यतन उत्तर : हाँ।
Chrome डेवलपर टूल में नेटवर्क टैब में आकार स्तंभ में gzip, brotli और भविष्य में जो भी आता है, दोनों के लिए संकुचित और असम्पीडित आकार है। उदाहरण के लिए:
यहाँ संपीड़ित आकार 242 KB है, असम्पीडित आकार 1.1 MB है
दोनों को देखने के लिए, सुनिश्चित करें कि आपके पास बड़े अनुरोध पंक्तियों को दिखाने वाले देवतुल हैं । यह नेटवर्क-विशिष्ट टूलबार में "दृश्य" विकल्पों में पहला आइकन है।
धन्यवाद। आसान है कि याद आती है। एक क्लिक करें "बड़े अनुरोध पंक्तियों का उपयोग करने के लिए" है
—
ALDS
इसके अलावा आप कॉलम हेडर पर राइट-क्लिक कर सकते हैं और "कंटेंट-एनकोडिंग" रिस्पांस हैडर दिखा सकते हैं। ऐसा करने के बाद आप सभी gzipped प्रतिक्रियाओं की त्वरित सूची प्राप्त करने के लिए कॉलम द्वारा सॉर्ट कर सकते हैं।
—
थर्डेंडर
अब तक एक ऑनलाइन टूल का उपयोग करना सबसे आसान तरीका है। GIDZipTest आपको बहुत विस्तार दिखाता है: मूल आकार, संकुचित आकार और संपीड़न प्रतिशत।
हालाँकि, यह क्रोम में थोड़े प्रयास से संभव है। (नवीनतम क्रोम, सितंबर 2011 के लिए अद्यतन।)
डेवलपर टूल में, "नेटवर्क" टैब पर जाएं और पृष्ठ को फिर से लोड करें। आपको बाएं कॉलम पर लाए गए सभी फ़ाइलों की एक सूची दिखाई देगी। बाईं ओर उपयुक्त पृष्ठ / फ़ाइल पर क्लिक करें फिर दाईं ओर "हेडर" टैब।
"रिस्पांस हेडर्स" के तहत आपको "सामग्री-लंबाई: हेडर" के बाद "सामग्री-एन्कोडिंग: जीज़िप" देखना चाहिए। यह संपीड़ित सामग्री का आकार है।
असम्पीडित आकार ढूँढना अधिक कठिन है। यदि आप स्थिर फ़ाइलों की सेवा कर रहे हैं, तो आप बस इसके आकार की जांच कर सकते हैं। डायनामिक कंटेंट के लिए आपको HTML को टेक्स्ट एडिटर में कॉपी-पेस्ट करना होगा और सटीक साइज़ को चेक करने के लिए सेव करना होगा।
"संसाधन ट्रैकिंग सक्षम करें" कहां है?
—
पेसियर
@ स्पेसर: क्रोम के नवीनतम संस्करण में यह थोड़ा अलग है; मैंने नए निर्देशों के साथ अपना उत्तर अपडेट कर दिया है।
—
असंतुष्टगीतगृह
नीट उपकरण। मैं यह पता नहीं लगा सका कि मेरे Google ऐप इंजन ऐप द्वारा भेजे जा रहे प्रतिक्रियाओं को संपीड़ित आकार क्यों नहीं दिखा रहा था। एसडीके (यानी लोकलहोस्ट) द्वारा भेजे गए जवाबों को संकुचित नहीं किया जाता है, जबकि क्लाउड से आने वाली प्रतिक्रियाएं होती हैं। निकला, Chrome पूरी तरह से काम कर रहा है।
—
इवान प्लाइस
2017 के लिए अपडेट
बड़े आइकन का उपयोग करते समय, क्रोम देव उपकरण नेटवर्क टैब में संपीड़न आकार से पहले और बाद में दिखाते हैं।
मैंने अपने वेबसर्वर पर गज़िप को बंद करके पुष्टि की।
मैंने सुना है क्रोम में एक वेबकिट में बग के कारण त्रुटिपूर्ण है।
वाई धीरे प्लगइन फ़ायरफ़ॉक्स के लिए एक महान काम करता है। इसे चलाते समय अवयव टैब पर जाएं और उन घटकों के प्रकार का विस्तार करें जिनके लिए आप मान चाहते हैं। यह मूल आकार और gzip आकार दिखाएगा।
यह क्रोम के लिए विशेष रूप से एक उपकरण नहीं है, लेकिन मैं HTTP ट्रैफ़िक / हेडर जानकारी की जाँच करते समय फ़िडलर का उपयोग करता हूं । यह एक महान उपकरण है, किसी भी ब्राउज़र पर काम करता है और यह मुफ़्त है!
वहाँ एक है फ़िडलर की Chrome एक्सटेंशन संस्करण अब भी होता है!
—
karlbecker_com
यह सुझाव देने के लिए धन्यवाद। फ़िडलर "असम्पीडित आकार" नहीं दिखाता है, लेकिन आपको "कंप्रेशनस्वािंग्स" और "कम्प्रेशनस्विंग्स%" के लिए कॉलम जोड़ने देता है। कॉलम राइट-क्लिक करके उन्हें जोड़ें ==> "कस्टमाइज़ करें कॉलम्स" ==> "विविध" ==> "फ़ील्ड नाम" ड्रॉपडाउन।
—
जेसन
सामान्य Google खोज (जैसे मैंने किया) से यहां पहुंचने वाले किसी भी व्यक्ति के लिए, फ़ायरफ़ॉक्स के आधुनिक संस्करणों में "ट्रांसफ़र किए गए साइज़" कॉलम और "साइज़" कॉलम की तुलना करके सीधे अपने devtools से "कच्चे" और gzipped आकार देखना संभव है। "आकार" प्रतिक्रिया का कच्चा आकार है, "हस्तांतरित आकार" प्रतिक्रिया के लिए हस्तांतरित डेटा का वास्तविक आकार है, जो कि gzip के मामले में वास्तविक आकार से कम हो सकता है, जैसे नीचे की छवि में, या यहां तक कि 0 में मामले की प्रतिक्रिया क्लाइंट में कैश की गई है।
Content-Length।