कुछ उच्च ट्रैफिक साइटें लगभग एक बड़ी छवि में लगभग हर चीज के साथ लगभग पागल स्प्राइट छवियां प्रतीत होती हैं।उच्च ट्रैफ़िक वेबसाइट पर प्रदर्शन के लिए कितना महत्वपूर्ण है?
रखरखाव लंबी अवधि में कठिनाई बनाम उच्च ट्रैफिक साइटों के लिए कितना अंतर आएगा?
मुझे पता है कि यह 'स्ट्रिंग का एक टुकड़ा कितना लंबा है' सवाल हो सकता है लेकिन मुझे इस तरह के अभ्यास से प्रदर्शन लाभ के किसी भी अनुभव को समझने में दिलचस्पी है।
मैंने कुछ साल पहले कुछ छोटे आकार के लिए जीआईएफ संभव - 43 बाइट्स के लिए कुछ संख्याएं की थीं। उस 1x1 छवि को भेजने के लिए, HTTP प्रोटोकॉल के 246 बाइट्स इसके साथ वापस भेजे गए थे, मूल अनुरोध के लिए कम से कम कुछ भी नहीं कहने के लिए (अधिक कुकी होने पर भी)। टीसीपी/आईपी पैकेट ओवरहेड भी है। हालांकि उन सभी के अलावा राउंड-ट्रिप टाइम है। प्रकाश की गति अभी भी सीमित है, और इसे विशेष रूप से एकाधिक अनुरोधों के ऊपरी हिस्से में फैक्टर करने की आवश्यकता है।
लघु संस्करण है, डाउनलोड की गई कम आइटम तेजी से साइट के बराबर होती है। यहां तक कि यदि अंतिम स्प्राइट छवि संयुक्त सभी छवियों की तुलना में बड़ी है, तो भी आप ओवरहेड्स और राउंड-ट्रिप के सेटों की संख्या को कम करके काफी हद तक जीतते हैं।
मेरा मानना है कि अधिकांश ओवरहेड छवि के लिए अनुरोध करने से आता है। स्पष्ट रूप से छवियों को डाउनलोड करने में अधिक समय लिया जाता है लेकिन अनुरोध शुरू करने, प्रतिक्रिया की प्रतीक्षा करने और प्रत्येक छवि को डाउनलोड करने से समय के साथ पर्याप्त मात्रा में यातायात हो सकता है। संपीड़न के लिए ही चला जाता है।
sprites का उपयोग करके आप सर्वर से राशि या http अनुरोध को कम करते हैं।
छवियां http अनुरोधों का विशाल बहुमत बनाती हैं और याहू पृष्ठ के सामग्री को डाउनलोड करने के लिए लगभग 80% समय लगता है, अनावश्यक http अनुरोधों से बर्बाद हो जाता है।
यदि आपने amazon.com मुखपृष्ठ के रूप में कुछ आसान लिया है, तो संभावित रूप से 50 से अधिक छवियां हो सकती हैं जिन्हें हर बार उपयोगकर्ता (संग्रहीत कैश के बिना) डाउनलोड किया जाएगा।
यदि आपको लगता है कि अमेज़ॅन के पास लाखों उपयोगकर्ता हर दिन अपनी साइट पर क्लिक कर रहे हैं।
सभी छवियों से एक स्प्राइट बनाकर, उपयोगकर्ता को केवल पचास की बजाय एक फ़ाइल डाउनलोड करनी होगी।
सर्वर के प्रतिक्रिया समय को कम करना और अंतिम उपयोगकर्ता के परिणाम में सुधार करना।
यह भी देखें: http://stackoverflow.com/questions/683221/how-do-css-sprites-speed-up-a-web-site, http://stackoverflow.com/questions/1477332/is- सीएसएस-स्प्राइट-ए-गुड-तकनीक, http://stackoverflow.com/questions/1191961/what-are-the-advantages-of-using-css-sprites-in-web-applications –
प्रश्न का उत्तर नहीं है लेकिन अभी भी उपयोगी हो सकता है => 'http: // spriteme.org /' –