क्रोम देव उपकरण - "आकार" बनाम "सामग्री"


254

Chrome के उपकरण के नेटवर्क टैब में स्टाइलशीट के बारे में जानकारी देखने पर, एक कॉलम "आकार" और "सामग्री" दोनों को निर्दिष्ट करता है:

आकार / सामग्री कॉलम के साथ देव उपकरणों का स्क्रीनशॉट हाइलाइट किया गया

क्या इन दोनों संख्याओं के अंतर पर कोई प्रकाश डाल सकता है? कुछ पृष्ठों पर संख्याएँ करीब हैं और अन्य वे काफी मात्रा में भिन्न हैं।


1
डॉक्स के अनुसार , वर्तमान में "अनुरोध तालिका डिफ़ॉल्ट रूप से छोटी पंक्तियों के साथ संसाधनों को प्रदर्शित करती है, प्रत्येक पंक्ति का आकार बढ़ाने के लिए बड़े अनुरोध पंक्तियों के बटन का उपयोग करें" पर क्लिक करें। यह सामग्री को आकार कॉलम में भी दिखाएगा।
वडज़िम

जवाबों:


324

"आकार" तार पर बाइट्स की संख्या है, और "सामग्री" संसाधन का वास्तविक आकार है। कई चीजें उन्हें अलग कर सकती हैं, जिनमें शामिल हैं:

  • कैश से सेवा की जा रही है (छोटा या 0 "आकार")
  • प्रतिक्रिया हेडर, कुकीज़ सहित ("सामग्री" से बड़ा "आकार")
  • पुनर्निर्देश या प्रमाणीकरण अनुरोध
  • gzip संपीड़न ("सामग्री" की तुलना में छोटा "आकार", आमतौर पर)

डॉक्स से :

आकार प्रतिक्रिया शीर्षकों (आमतौर पर कुछ सौ बाइट्स) के साथ-साथ प्रतिक्रिया निकाय का संयुक्त आकार है, जैसा कि सर्वर द्वारा दिया गया है। सामग्री संसाधन के डिकोड की गई सामग्री का आकार है। यदि नेटवर्क के बजाय संसाधन को ब्राउज़र के कैश से लोड किया गया था, तो इस फ़ील्ड में टेक्स्ट (कैश से) होगा।


2
@NiCkNewman यस साइज़ तार के पार वास्तविक डेटा आकार (बैंडविड्थ btw नहीं) है (हेडर्स + कंटेंट संयुक्त)। सामग्री फुलाया हुआ, असम्पीडित सामग्री का आकार है (उदाहरण के लिए अगर इसे gziped किया गया था) केवल (हेडर को बाहर रखा गया है)।
इज़राइल

3
गूंगा प्रश्न, लेकिन क्या हम प्रति एमबी 1000 केबी का उपयोग कर रहे हैं, या 1024?
बुटिक बटुकस

2
@ButtleButkus: क्रोम, फ़ायरफ़ॉक्स और IE / एज सभी पुराने JEDEC प्रारूप का उपयोग करते हैं, जहां एक किलोबाइट 1024 बाइट्स है और इसे KB के रूप में लिखा जाता है। यह बेहतर होगा यदि वे इसे आईएसओ प्रारूप (आधार 10) में रिपोर्ट करते हैं या इसे KiB / MiB के रूप में लिखते हैं।
okdewit

1
मैं मैक पर क्रोम संस्करण 60.0.3112.113 (आधिकारिक बिल्ड) (64-बिट) का उपयोग कर रहा हूं और बस इसी सवाल पर आया हूं। इस प्रश्न के स्क्रीनशॉट एकमात्र तरीका है जिससे मैं यह निर्धारित कर पा रहा था कि ग्रे और ब्लैक नंबरों में क्या अंतर है। Chrome का वर्तमान संस्करण जो मैं उपयोग कर रहा हूं, वह सबहडिंग "सामग्री" को प्रदर्शित नहीं करता है। कॉलम केवल "आकार" कहता है। क्या डॉक्स या क्रोम में कहीं ऐसा है जो बताता है कि ग्रे नंबर "कंटेंट" है। मेरे द्वारा इसे कहीं भी ढूंढा जा सकता है।
फ्लाइंगलाइज

1
बस ध्यान दें कि क्रोम के नए संस्करणों में, ग्रे नंबर डिफ़ॉल्ट रूप से प्रदर्शित नहीं होता है, आपको "व्यू" बार में ऊपर की ओर 'बड़े अनुरोध पंक्तियों का उपयोग करें' बटन पर क्लिक करना होगा
स्नैक्स

52

Sizeप्रतिक्रिया का आकार ही है, और Contentसंसाधन का आकार है, जिसे आप एक्सेस कर रहे हैं।

की तुलना करें:

खाली कैश:

main.js GET 200 OK .. Size: 31.72KB Content: 31.42KB

कैश की गई:

main.js GET 304 Not modified .. Size: 146B Content: 31.42KB


4
आप शायद मतलब है " प्रतिक्रियाSize का आकार ही है [...]" ("संसाधन" का HTTP शब्दों में एक अलग अर्थ भी है)।
ब्रूनो

1
@ बरुनो ने क्या कहा। यह उत्तर सिर्फ गलत है और इसे स्वीकार नहीं किया जाना चाहिए था।
mhenry1384

हाँ, यह पागल बात है: एक 32K अनुरोध !?
आइकनोकॉस्ट

1
zomg, मेरे जवाब को संपादित करने के लिए आपके पास 1 वर्ष था। तुच्छ प्रश्न के लिए बस एक सरल टाइपो, स्पष्ट उत्तर, सवाल पूछे जाने के 23 मिनट के भीतर जवाब दिया गया था, और स्वीकार किया गया क्योंकि इससे लेखक को समझने में मदद मिली। पता नहीं क्यों इतने सारे लोग भी Google और इसे upvote ... इतना कुछ नहीं से बाहर उपद्रव।
c69

7
यह उन उत्तरों को संपादित करने के लिए समझ में आता है जो मूल रूप से सही हैं, लेकिन उनमें सुधार किया जा सकता है। के बाद से आप शायद आपका जवाब, तरह सीमा पर की है मतलब कहने के लिए प्रतिक्रिया , लेकिन फिर भी यह कहते हुए अनुरोध किया गया था 32K किसी को पता करने के लिए यह पूरी तरह से गलत था पर्याप्त पता नहीं था, जो करने के लिए भ्रामक है। (यह ऐसे लोग होंगे जो इस तरह के प्रश्न पूछते हैं, और उनके बारे में सही उत्तर की आवश्यकता होती है।) इसके अलावा, कुछ गलत कहने से टाइपो के रूप में अर्हता प्राप्त नहीं होती है । यह वास्तव में एक त्रुटि है, वसा-छूत नहीं, भले ही आप कुछ और कहने का इरादा रखते हों।
आइकनोकॉस्ट

12

सरल शब्दों में Google लेख इसे आकार = अंतरण आकार और सामग्री = वास्तविक आकार के रूप में समझाता है यहां छवि विवरण दर्ज करें

इस विषय पर विभिन्न लेखों को पढ़ने के आधार पर यह मेरा सूत्र है (और मैं आपकी टिप्पणियों के साथ इसे और बेहतर बनाने के लिए खुला हूं) आकार = संपीड़न (सामग्री) + प्रतिक्रिया हैडर

इस लेख में उपयोग की गई छवि देखें

Google द्वारा स्पष्टीकरण


5

दोनों मान दिखाने के लिए "बड़े अनुरोध पंक्तियों का उपयोग करें"!

यदि आपको दूसरा मूल्य (सामग्री) दिखाई नहीं देता है, तो आपको Chrome नेटवर्क टैब के अंदर "बड़े अनुरोध पंक्तियों का उपयोग करें" बटन पर क्लिक करने की आवश्यकता है:

यहां छवि विवरण दर्ज करें

मुझे इस प्रश्न के उत्तर के लिए धन्यवाद यहाँ मिला:

क्रोम देव उपकरण - आकार और सामग्री कहां है?

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.