आपकी वेबसाइट को गति देने के लिए 14 लाइटिंग ट्रिक्स

वेबसाइट गति के बारे में यह ब्लॉग श्रृंखला एक मजेदार सवारी रही है.

अब तक, हमें पता चला है कि अगर उनकी वेबसाइट धीमी हो जाती है तो अमेज़न $ 1.6 बिलियन (!) खो देगा.

हमने यह भी सीखा है कि वेबसाइट की सुस्ती के कारण पर्दे के पीछे क्या चल रहा है.

यह हमें हमारे प्राकृतिक निष्कर्ष पर लाता है: आप वास्तव में चीजों को कैसे गति दे सकते हैं? हम सर्वर स्पीड से लेकर ऑप्टिमाइज़ेशन और बीच में कुछ बोनस एक्स्ट्रा तक सब कुछ कवर कर रहे हैं.

सबसे पहले, सुस्त गति को कम करने के लिए फिर से तैयार करें:

जब आप मेरी वेबसाइट को Bitcatcha पर लोड करते हैं, तो आपका ब्राउज़र (फ़ायरफ़ॉक्स, सफारी, क्रोम आदि) मेरे वेब सर्वर से बातचीत शुरू करता है.

ब्राउज़र: “अरे वेब सर्वर! क्या आप मुझे Bitcatcha.com कृपया प्रदर्शित करने के लिए सभी बिट्स और टुकड़े प्राप्त कर सकते हैं? “

सर्वर: “निश्चित रूप से, मुझे उन्हें खोजने दो, और उन्हें भेजें”.

फिर, वेब सर्वर सभी वेबसाइट भागों को एक सुरंग में डालता है, और इसे लोड करने के लिए उन्हें आपके ब्राउज़र में भेजता है.

काफी सरल लगता है, लेकिन यहाँ क्या चीजें धीमी हो जाएगी:

• एक आलसी सर्वर जो अनुरोधों का जवाब देने के लिए उम्र लेता है.
• एक सर्वर जो एक साथ कई अन्य वेबसाइटों के लिए भागों का प्रबंधन कर रहा है.
• बड़ी वेबसाइट big भागों ’में से प्रत्येक को ढूंढना और सुरंग को नीचे भेजना है.
• एक व्यस्त सुरंग.

यहाँ बहुत कुछ है जो गलत हो सकता है तो, हम चीजों को कैसे गति देते हैं?

भाग 1: अपना सर्वर तेज़ बनाएँ

1. एक बेहतर वेब होस्ट (यानी एक बेहतर सर्वर) पर अपग्रेड करें

आपकी वेब होस्ट वह कंपनी है जो सर्वर प्रदान करती है। यह इंटरनेट भूमि के एक भूखंड को किराए पर लेने की तरह है, जहाँ आप सभी वेबसाइट भागों को संग्रहीत करेंगे.

हममें से अधिकांश लोग हमारे द्वारा खोजे गए सबसे सस्ते भूखंड को खरीदने के लिए तैयार हैं। लेकिन यह जरूरी नहीं कि एक बुद्धिमान समाधान है.

सस्ते वेब होस्ट किराए पर सर्वर को भीड़ और छोटे होते हैं। याद रखें, आप चाहते हैं कि आपका सर्वर अनुरोधों पर शीघ्रता से प्रतिक्रिया दे, और अपनी वेबसाइट को ब्राउज़र पर सुरंग के नीचे तेजी से भेजें.

ध्यान दें

उनके सर्वर प्रतिक्रिया समय के आधार पर सबसे तेज़ वेब होस्टिंग की हमारी सूची देखें.

2. साझा होस्टिंग से VPS पर स्विच करें

सस्ते वेब होस्ट आपकी वेबसाइट को अन्य वेबसाइटों के टन के साथ एक सर्वर पर रखेंगे। इसे साझा होस्टिंग कहा जाता है, और इसका मतलब है कि आपको इसे संसाधनों के लिए लड़ना होगा.

यदि एक वेबसाइट पर अचानक ट्रैफ़िक लोड हो जाता है, तो यह आपकी गति को धीमा कर देगा, जबकि वे बैंडविड्थ को नियंत्रित करते हैं.

VPS (एक वर्चुअल प्राइवेट सर्वर) या (साइटगेड जैसे कम से कम एक उच्च अंत साझा सर्वर) पर स्विच करने से, आपका वेब होस्ट आपके लिए साझा सर्वर के एक कोने को बंद कर देगा। इसका मतलब है कि आपको अपने संसाधनों को चुराने वाली अन्य वेबसाइटों के बारे में चिंता करने की ज़रूरत नहीं है.

3. सर्वर को अपने दर्शकों के करीब ले जाएं

जब भी कोई आपकी साइट पर क्लिक करता है, तो आपके सर्वर को पूरे ग्रह की जानकारी भौतिक रूप से उनकी कंप्यूटर स्क्रीन पर भेजनी होती है.

यदि सर्वर दुनिया के दूसरी तरफ है, तो यह एक लंबा समय लगेगा। यदि आप जानते हैं कि आपका अधिकांश ट्रैफ़िक कहां से आ रहा है, तो अपने वेब होस्ट से अपनी वेबसाइट को अपने मुख्य दर्शकों के निकटतम सर्वर पर रखने के लिए कहें.

4. सामग्री वितरण नेटवर्क का उपयोग करें

अपने सर्वर को एक निश्चित ऑडियंस के करीब ले जाने में परेशानी, यह है कि कोई व्यक्ति खो देगा। यदि आप अपने सर्वर को कैलिफ़ोर्निया में स्थानांतरित करते हैं, तो आपके ऑस्ट्रेलियाई आगंतुकों को धीमा लोडिंग समय मिलने वाला है। तो आपके यूरोपीय आगंतुक हैं.

एक सामग्री वितरण नेटवर्क, या सीडीएन, आपके डेटा को दुनिया भर में सर्वर पर रखता है। इसलिए जब कोई आपकी वेबसाइट पर क्लिक करता है, तो उनके निकटतम सर्वर जानकारी भेजता है.

इसका अर्थ है कि आपके आगंतुक दुनिया में जहां भी हैं, उन्हें एक सुपर फास्ट गति मिलती है। (आपके संदर्भ के लिए, मैं बिटक्लैटा में यहां क्लाउडफ्लेयर का उपयोग करता हूं।)

5. ‘जीवित रखें’ सेटिंग को सक्रिय करें

जब आपका सर्वर सुरंग के नीचे आपकी वेबसाइट की फाइलें भेजता है, तो हर भाग अलग से यात्रा करता है। आपकी CSS स्टाइलशीट, आपका लोगो, आपकी हर इमेज आदि.

जाहिर है, ऐसा करने का सबसे कुशल तरीका उन सभी को एक ही बड़ी सुरंग के नीचे भेज रहा है.

यह वह जगह है जहाँ ‘जीवित रखना’ सेटिंग में आती है। जब यह सक्रिय होता है, तो मुख्य सुरंग चालू रहती है, और सब कुछ एक ही कनेक्शन से नीचे आता है। (यह सुपर फास्ट है).

लेकिन जब सेटिंग बंद हो जाती है, तो हर तत्व के लिए एक नई सुरंग बनाई जानी चाहिए। (यह सुपर स्लो है).

अधिकांश वेब होस्ट इस सेटिंग को चालू रखते हैं (जो अच्छा है), लेकिन कभी-कभी साझा किए गए होस्ट बिना चेतावनी के कनेक्शन बंद कर देते हैं.

भाग 2: वेबसाइट तत्वों का अनुकूलन करें

अब हमने आपके सर्वर को जितना संभव हो उतना तेज़ और कुशल बना दिया है, हम वेबसाइट के हिस्सों को स्वयं कैसे अनुकूलित करते हैं?

6. दौर यात्रा समय (RTTs) कम करें

आपके ब्राउज़र को वर्तमान में प्रत्येक तत्व के लिए सर्वर से एक बार पूछना पड़ता है। आपका लोगो, फिर प्रत्येक चित्र, फिर आपकी CSS स्टाइलशीट.

इसे प्राप्त करने में लगने वाला समय एक दौर की यात्रा है.

जितनी अधिक गोल यात्राएं आपको करनी पड़ती हैं, उतनी देर तक पूरी वेबसाइट को लोड करना पड़ता है। यह आपकी कार को बक्से में पैक करना और उन्हें एक नए घर में ले जाना पसंद करता है.

जितने अधिक बॉक्स आपको मिलेंगे, उतने अधिक गोल यात्राएं आपको मिलेंगी। समाधान? आपके द्वारा लिए जा रहे बॉक्स की मात्रा में कटौती करें.

आपके सर्वर को सुरंग के नीचे भेजने वाले तत्वों की मात्रा कम करें। कम छवियां, कम कोड, कम प्लगइन्स.

7. अपनी वेबसाइट पर संपीड़न सक्षम करें

दुर्भाग्य से, यह केवल बॉक्स की संख्या नहीं है। यह कितना भारी है यदि आपके सभी तत्व बड़े और भारी हैं, तो यह आपकी सुरंग में बहुत अधिक जगह लेने वाला है। वे भी धीमी गति से आगे बढ़ेंगे। यह लॉरी के निर्माण की तरह है। प्रत्येक भारी बक्से से भरा हुआ.

सौभाग्य से, आप अपनी वेबसाइट और उस पर सब कुछ संपीड़ित कर सकते हैं। Gzip जैसे उपकरण का उपयोग करना। (यह 90% ब्राउज़रों द्वारा मान्यता प्राप्त है। – इंटरनेट एक्सप्लोरर 4 का उपयोग करते हुए अभी भी कुछ स्ट्रगलर को छोड़कर सभी को बहुत पसंद है।)

आपकी साइट के सबसे छोटे हिस्से चित्र, HTML, CSS और जावास्क्रिप्ट हैं। उन्हें संपीड़ित करके, आप स्थानांतरण करते समय अपनी साइट का औसत ing वजन ’कम कर सकते हैं.

मजेदार तथ्य

एक वेबसाइट का औसत वजन 2 एमबी है, लेकिन यह हर साल बढ़ता जा रहा है.

8. अपनी छवियों का अनुकूलन करें

छवियाँ आमतौर पर किसी भी वेबसाइट का सबसे वजनदार हिस्सा होती हैं। वे सबसे बड़े, सबसे तेज़, सबसे धीमे लोडिंग तत्व हैं.

आप उन्हें उनकी जरूरत है सटीक आकार के लिए नीचे फसल से शुरू करो। भारी छवियां अपलोड न करें, और उन्हें HTML में स्केल करें। बस उन्हें सही आकार में अपलोड करें.

साथ ही, अपलोड करने से पहले अपनी छवियों को संपीड़ित करें। यदि आप वर्डप्रेस का उपयोग कर रहे हैं, तो WP Smush जैसे प्लगइन्स छवि आकार को 80% तक कम कर सकते हैं!

9. … या स्प्राइट बनाते हैं

स्प्राइट एक एकल छवि है जिसमें बहुत सारी छोटी छवियां होती हैं। यह बटन या अन्य छवि तत्वों को साझा करने के लिए बहुत अच्छा है.

अब, आपकी वेबसाइट को दस अलग-अलग लोगों के बजाय केवल एक अनुरोध करने की आवश्यकता है। फिर आप यह चुनने के लिए CSS का उपयोग कर सकते हैं कि छवि के किन हिस्सों को प्रदर्शित किया जाता है.

10. अपना कोड ट्रिम करें

HTML घनी और भारी है। यह अविश्वसनीय रूप से दोहराव वाला भी है। CSS थोड़ी अधिक सुव्यवस्थित है, लेकिन इसके बहुत सारे विकल्प निरर्थक हैं.

यह आपके कोड के माध्यम से ठीक दांत कंघी के साथ जाने का समय है, और सभी अनावश्यक बिट्स से छुटकारा पाएं.

यदि आप WordPress, Tumblr आदि से टेम्पलेट का उपयोग कर रहे हैं, तो संभवतः आपके द्वारा उपयोग न किए जाने वाले कोड का भार है। ये टेम्पलेट आपको कार्यक्षमता के बहुत सारे विकल्प देने के लिए स्थापित किए गए हैं। लेकिन हममें से अधिकांश को इसकी आवश्यकता नहीं है.

निर्मम बनो!

11. बेकार प्लगइन्स की स्थापना रद्द करें (वर्डप्रेस)

हम सभी वर्षों में प्लगइन्स के टन के साथ प्रयोग किया है। लेकिन अक्सर, हम उन्हें अनइंस्टॉल करना भूल जाते हैं.

हर प्लगइन एक और सर्वर अनुरोध है। यह एक और वज़नदार पैकेज है जो आपकी उच्च गति वाली सुरंग को अवरुद्ध करता है.

यदि आप इसका उपयोग नहीं कर रहे हैं, तो इसे बंद कर दें.

12. पुनर्निर्देश कम करें

प्रत्येक रीडायरेक्ट के लिए, आपके पैकेज दो बार सुरंग के ऊपर और नीचे जाते हैं। जब तक आपके पास पूरी तरह से न हो, तब तक अपनी वेबसाइट पर रीडायरेक्ट का उपयोग न करें.

भाग 3: बोनस एक्स्ट्रा

13. DNS लुकअप को कम करें

इस प्रक्रिया के एक हिस्से के बारे में हमने अभी तक बात नहीं की है। यह बहुत शुरुआत में सही होता है.

इससे पहले कि आपका ब्राउज़र सर्वर से बातचीत शुरू करे, उसे सर्वर की लोकेशन (अपना आईपी पता ढूंढकर) ढूंढनी होगी। यह फोन बुक में सर्वर का नंबर देखना पसंद कर रहा है। जिसमें थोड़ा समय लगता है। (आमतौर पर 20-120 मिलीसेकंड).

यदि आपकी वेबसाइट से जुड़े कई डोमेन नाम हैं, तो इसमें और भी अधिक समय लगता है। सामान्य उदाहरणों में शामिल हैं: blog.yourwebsite.com, या चित्र, स्टाइलशीट और फ्लैश ऑब्जेक्ट के लिए अतिरिक्त डोमेन.

यदि आपके ब्राउज़र को इसे पांच बार करना है, तो आप आधा सेकंड खो सकते हैं। इसे यथासंभव कम से कम डोमेन पर रखें.

14. ब्राउज़र कैशिंग

कल्पना करें कि यदि आपका ब्राउज़र सभी वेबसाइट फ़ाइलों की एक प्रति रख सकता है तो कितनी तेजी से चीजें होंगी। इस तरह, हर बार सर्वर से संपर्क नहीं करना होगा। यह सिर्फ उन्हें स्मृति से लोड कर सकता है.

यह कैशिंग क्या है इसका अर्थ है कि आपका ब्राउज़र वेबसाइट को याद रखता है। जब आप इसे दूसरी बार लोड करते हैं, तो यह सुपर फास्ट होता है.

ओह! यह सामान्य से अधिक लंबा पोस्ट था, लेकिन मुझे लगता है कि यह इसके लायक था.

अब आप अपनी वेबसाइट को तेज़ बनाने के बारे में जानने के लिए सब कुछ जानते हैं। ये तरकीबें आपकी लोड गति को कम कर सकती हैं.

यानी खुश रहने वाले आगंतुक। और इसका मतलब है अधिक बिक्री.

वर्डप्रेस स्पीड गाइड

यदि आपकी वेबसाइट वर्डप्रेस के साथ निर्मित है, तो हमने वर्डप्रेस को गति देने पर एक विस्तृत कदम स्टेप गाइड द्वारा संकलित किया है। हम Bitcatcha.com को 3 सेकंड में लोड करने के लिए सटीक चरणों का उपयोग करते हैं.