एचटीएमएल क्रोम ऑडिट छवि आयाम निर्दिष्ट करें

Question

मैंने कुछ बुनियादी HTML वेबसाइटों के लिए क्रोम डेवलपर टूल का उपयोग शुरू किया और मैंने ऑडिट टूल का उपयोग किया।

मेरे पास दो समान छवियां थीं, एक ऊंचाई और चौड़ाई विशेषता के साथ, और बिना किसी के। संसाधन खंड पर, विलंबता और डाउनलोड समय दोनों समान थे। हालांकि, ऑडिट

Specify image dimensions (1) A width and height should be specified for all images in order to speed up page display.

यह वास्तव में मदद करता है पता चला है? और पृष्ठ के समय को तेज करने के लिए कोई और तरीका है?

यह मेरी वेबसाइट के लिए केवल एक स्पलैश पृष्ठ है और इस तरह यह केवल HTML है, कोई सीएसएस या जावास्क्रिप्ट या कुछ भी नहीं है। मैंने पहले से ही छवियों को संकुचित कर दिया है, लेकिन मैं लोड समय को और भी तेज करना चाहता हूं। क्या उधर रास्ता है?

Answer 1

आम तौर पर बोलते हुए: यदि आप <img> टैग में छवि आयाम निर्दिष्ट करते हैं, तो ब्राउज़र को पता चलेगा कि इसके लिए कितना स्थान आवंटित किया जाएगा और साथ ही साथ छवि को डाउनलोड करते समय शेष पृष्ठ प्रस्तुत करने के लिए आगे बढ़ेगा। अन्यथा, शेष पृष्ठ को प्रस्तुत करने से पहले छवि को छवि से आकार का आकार प्राप्त करने के लिए ब्राउज़र को कुछ और मिलीसेकंड का इंतजार करना होगा।

चूंकि आपके पास केवल एक स्पलैश पृष्ठ है, मुझे संदेह है कि ब्राउज़र के लिए कुछ और भी होगा, इसलिए इससे कोई फर्क नहीं पड़ता कि आप आयाम निर्दिष्ट करते हैं या नहीं।