किसी पृष्ठ को रेंडर करने के लिए किसी वेबसाइट की बैंडविड्थ की मात्रा कम करने की बात आती है तो सबसे प्रभावी तरीके क्या हैं?
आक्रामक कैशिंग? JS / CSS को न्यूनतम करना Gzip? सीएमएस? स्प्राइट?
किसी पृष्ठ को रेंडर करने के लिए किसी वेबसाइट की बैंडविड्थ की मात्रा कम करने की बात आती है तो सबसे प्रभावी तरीके क्या हैं?
आक्रामक कैशिंग? JS / CSS को न्यूनतम करना Gzip? सीएमएस? स्प्राइट?
जवाबों:
किसी भी वेबसाइट द्वारा आसानी से लागू किए जाने वाले कुछ बुनियादी तरीके:
deflate
या gzip
यदि अनुरोध करने वाले ब्राउज़र ने इसे सपोर्ट किया है, तो संपीड़ित करें ।थोड़ा और शामिल:
स्प्राइट्स का उपयोग करें जो स्वचालित रूप से उत्पन्न होते हैं । स्प्राइट एक एकल छवि है जिसमें कई आइकन या अन्य छोटी छवियां होती हैं; फिर आप सीएसएस background
संपत्ति के साथ कौन सी छवि दिखाना चाहते हैं। उदाहरण है ।
लाभ यह है कि क्लाइंट कम HTTP अनुरोध करता है (जिसके पास ओवरहेड है)।
मैंने "स्वचालित रूप से" बोल्ड किया क्योंकि यदि आप इन चीजों को मैन्युअल रूप से कर रहे हैं तो यह निश्चित रूप से इसके लायक नहीं है, और यह कोड रखरखाव को एक बुरा सपना बनाता है। आमतौर पर इसे स्वचालित रूप से करने का मतलब है एक कस्टम स्क्रिप्ट लिखना, यही कारण है कि यह "थोड़ा अधिक शामिल" है,
Google ने पेलोड के आकार को न्यूनतम करने के लिए अपनी सिफारिशों को रेखांकित और समझाया है । उनमें निम्नलिखित तकनीकें शामिल हैं:
ये सुझाव उनके ओपन-सोर्स फ़ायरफ़ॉक्स / फायरबग ऐड-ऑन प्रोजेक्ट का एक हिस्सा हैं, जिसे पेज स्पीड कहा जाता है । याहू के YSlow प्लगइन के समान। वास्तविक पृष्ठ गति ऐड-ऑन उस सूची की तुलना में कई अधिक अनुकूलन के लिए जाँच करेगा जो विस्तार से बताता है। पेज स्पीड का उपयोग करने के निर्देश भी प्रस्तुत किए गए हैं।
याहू! आपकी वेबसाइट को गति देने के लिए सर्वोत्तम अभ्यास सर्वोत्तम प्रथाओं के समान सेट की पहचान करते हैं:
(Yahoo! की सूची ~ 35 आइटम लंबी है, इसे संपूर्णता में उद्धृत करने की आवश्यकता नहीं है।)
दोनों YSlow (छवि लिंक) और पृष्ठ गति (छवि लिंक) चीजों का सुझाव दे आप कर सकते हैं कि और आप दिखा क्या, उनकी सिफारिशों के, पहले से ही लागू किया गया है, आप अपने पृष्ठों पर परीक्षण चलाने के लिए अनुमति देगा।