क्या प्रदर्शन वाला तत्व है: सीएसएस में कोई भी सेट अभी भी ब्राउज़र द्वारा डाउनलोड नहीं किया जाता है?

Question

क्या ब्राउज़र अभी भी छवि डाउनलोड करेगा?

<img src="/myimage.jpg" style="display:none;" /> 

Answer 1

हाँ का उपयोग करें।

जैसा कि थिम्बलबल द्वारा बताया गया है, सीएसएस प्रस्तुति परत है और पृष्ठ की वास्तविक प्रसंस्करण नहीं, प्रतिपादन को प्रभावित करती है।

यह कुछ ब्राउज़रों, विशेष रूप से मोबाइल के लिए संभावना के दायरे से बाहर नहीं होगा, संभावित रूप से प्रदर्शन को अनुकूलित करने के प्रयास में इसे डाउनलोड नहीं किया जा सकता है।

Answer 2

हां। छवि के प्रतिपादन में छवि के डाउनलोड के साथ कुछ लेना देना नहीं है।

संपादित करें:
किसी पृष्ठ के संसाधनों का समय-परीक्षण करने के लिए क्रोम या फ़ायरफ़ॉक्स का उपयोग करने का प्रयास करें। ध्यान दें कि सभी छवियां डाउनलोड हो जाती हैं। यहां तक ​​कि जिनकी डिस्प्ले शैली किसी के लिए सेट नहीं है।

Answer 3

हां।

हालांकि, एक sidenote के रूप में, कुछ ब्राउज़र छवियों 0. की width और height विशेषताओं के साथ डाउनलोड नहीं स्रोत अब नहीं खोजा जा सका, और सिर्फ Firefox और Safari परीक्षण किया है और वे डाउनलोड यह कर । आईई होना चाहिए, क्या कोई मेरे लिए परीक्षण कर सकता है? धन्यवाद।

संदेह होने पर, कम से कम Firebug में नेट सांत्वना के अनुसार लाइन सूंघ, या एक ब्राउज़र विशिष्ट उपकरण (Firefox के लिए Firebug, वेबकिट के लिए वेब निरीक्षक, आदि)

Answer 4

Quirks Mode: images and display: none

छवि display: none है या display:none साथ एक तत्व के अंदर है, ब्राउज़र जब तक display एक और मान पर सेट है छवि डाउनलोड करने के लिए नहीं चुन सकते हैं।

जब आप displayblock पर स्विच करते हैं तो केवल ओपेरा छवि को डाउनलोड करता है। अन्य सभी ब्राउज़र इसे तुरंत डाउनलोड करते हैं।