पृष्ठ लोड समय में सुधार करें

लेखक: Peter Berry
निर्माण की तारीख: 13 जुलाई 2021
डेट अपडेट करें: 13 मई 2024
Anonim
अपने पेज की लोडिंग स्पीड को ऑप्टिमाइज़ कैसे करें | यात्रा
वीडियो: अपने पेज की लोडिंग स्पीड को ऑप्टिमाइज़ कैसे करें | यात्रा

विषय

यह लेख पहली बार .net पत्रिका के अंक 232 में प्रकाशित हुआ - वेब डिज़ाइनरों और डेवलपर्स के लिए दुनिया की सबसे अधिक बिकने वाली पत्रिका।

सामग्री वितरण नेटवर्क (सीडीएन), सीधे शब्दों में कहें, वेब सर्वरों का संग्रह है जो उपयोगकर्ताओं को अधिक कुशलता से सामग्री वितरित करने के लिए दुनिया भर में कई स्थानों पर वितरित किया जाता है। सीडीएन का लक्ष्य उच्च उपलब्धता और उच्च प्रदर्शन के साथ अंतिम उपयोगकर्ताओं को सामग्री प्रदान करना है। तो डेवलपर्स के रूप में हमारे लिए इसका क्या अर्थ है - और आपको अपनी फाइलों के लिए सीडीएन का उपयोग क्यों करना चाहिए?

जब भी कोई उपयोगकर्ता आपकी वेबसाइट के लिए अनुरोध करता है जो न्यूयॉर्क में होस्ट किया गया है, जबकि वे लंदन में स्थित हैं, तो इंटरनेट ट्यूब को लंदन में उपयोगकर्ता के स्थान से न्यूयॉर्क में डेटासेंटर से कनेक्ट होना चाहिए। इसका मतलब यह है कि सर्वर से फ़ाइल को पुनः प्राप्त करने के लिए आपके उपयोगकर्ताओं को दुनिया भर में एक चक्कर लगाने की आवश्यकता होगी। कल्पना कीजिए कि इन फ़ाइलों को लाने के लिए इस तरह की यात्रा न करनी पड़े - यह वह जगह है जहां एक सामग्री वितरण नेटवर्क आता है। चूंकि स्थिर फाइलें जैसे कि छवियां, जावास्क्रिप्ट और सीएसएस बहुत बार नहीं बदलती हैं, इसलिए कोई कारण नहीं है कि वे नहीं हो सकते किसी अन्य सर्वर द्वारा उपयोगकर्ता को सेवा दी जाती है जो भौगोलिक रूप से उनके करीब है। यह यात्रा करने के लिए एक छोटी दूरी है, और इसका अर्थ है त्वरित प्रतिक्रिया समय।

सीडीएन का उपयोग करने के लाभ केवल शानदार प्रतिक्रिया समय से कहीं अधिक हैं; सीडीएन का उपयोग करने से आपकी वेबसाइट से मिलने वाले बैंडविड्थ और अनुरोधों की मात्रा भी कम हो जाती है। आपको कैशिंग, Gzipping और एक व्यापक नेटवर्क के सभी लाभ मिलते हैं जो आपकी वेबसाइट द्वारा खपत की जाने वाली बैंडविड्थ की मात्रा को कम करता है। एक सीडीएन उन फाइलों की संख्या भी बढ़ाता है जिन्हें एक ब्राउज़र समानांतर में डाउनलोड कर सकता है। अधिकांश ब्राउज़र आपको एक डोमेन से एक बार में केवल तीन या चार फ़ाइलें डाउनलोड करने की अनुमति देते हैं। सीडीएन का उपयोग करने से उपयोगकर्ता के ब्राउज़र को समानांतर में अधिक फ़ाइलें डाउनलोड करने में मदद मिलेगी, जिससे उनका प्रतिक्रिया समय बढ़ जाएगा।

ठीक है, तो लाभ स्पष्ट हैं, लेकिन क्या केवल बड़ी कंपनियां ही ऐसी पार्टियां हैं जो सामग्री वितरण नेटवर्क का उपयोग कर सकती हैं? उत्तर का नहीं - सीडीएन तकनीक सभी डेवलपर्स के लिए व्यावसायिक रूप से उपलब्ध है और यह अत्यधिक सस्ती है। आप केवल फ़ाइल संग्रहण स्थान और आउटगोइंग बैंडविड्थ के लिए भुगतान करेंगे जिसका आप वास्तव में उपयोग करते हैं। मैं अपने व्यक्तिगत ब्लॉग के लिए एक सीडीएन का उपयोग करता हूं जो एक महीने में कुछ हजार हिट प्राप्त करता है - और मैं केवल 30p प्रति माह का भुगतान करता हूं।


प्रदर्शन लाभ

उपयोगकर्ताओं के लिए ब्राउज़िंग अनुभव को बढ़ाने में डेवलपर्स जो सबसे महत्वपूर्ण भूमिका निभा सकते हैं, वह हमारे अनुप्रयोगों की गति और प्रतिक्रिया समय में सुधार कर रहा है। Yahoo पर एक परीक्षण किया गया था, और जिन साइटों ने स्थिर सामग्री को अपने एप्लिकेशन वेब सर्वर से हटा दिया और एक सीडीएन पर 20 प्रतिशत या उससे अधिक तक अंतिम उपयोगकर्ता प्रतिक्रिया समय में सुधार किया)। अब, आपको इस स्तर का सुधार नहीं मिल सकता है, लेकिन मेरे विचार से एक प्रदर्शन वृद्धि भी इसके करीब है।

स्टीव सॉडर्स Google के प्रमुख प्रदर्शन इंजीनियर हैं और उन्होंने मूल रूप से 'प्रदर्शन सुनहरा नियम' शब्द गढ़ा था। इसमें कहा गया है कि डेवलपर्स को "पहले फ्रंटएंड प्रदर्शन का अनुकूलन करना चाहिए [क्योंकि] यह वह जगह है जहां अंतिम-उपयोगकर्ता प्रतिक्रिया समय का 80 प्रतिशत या अधिक खर्च होता है"। बस उन सभी स्थिर घटकों के बारे में सोचें जो आपके वेब पेजों में हैं - चित्र, स्टाइल शीट, जावास्क्रिप्ट और इसी तरह।

यदि हम इन स्थिर फाइलों के प्रदर्शन में सुधार करना चाहते हैं, तो हम अपनी साइटों के उपयोगकर्ताओं की धारणा के संदर्भ में बड़ा लाभ कमा सकते हैं।


वाणिज्यिक सामग्री वितरण नेटवर्क

इस लेख में मेरा लक्ष्य बाजार के तीन प्रमुख वाणिज्यिक सीडीएन की तुलना करना है: अमेज़ॅन क्लाउडफ़्रंट, विंडोज़ एज़ूर सीडीएन और रैकस्पेस सीडीएन। मैं इन क्लाउड उत्पादों को तीन प्रमुख विशेषताओं पर आमने-सामने रखूंगा: सीडीएन प्रतिक्रिया समय, कीमत और उपयोग में आसानी। हालांकि मैंने केवल तीन प्रोफाइल किए हैं, फिर भी कुछ अन्य महान सीडीएन हैं जो देखने लायक हैं - कैशेफ्लाई, एजकास्ट, गोग्रिड सीडीएन और Google ऐप इंजन देखें।

परीक्षण प्रक्रिया

अलग-अलग प्रतिक्रिया समय की तुलना करने के लिए, मैंने एक छोटी छवि (8KB) ​​अपलोड की और इसे सभी सीडीएन में एक बेंचमार्क के रूप में इस्तेमाल किया। मैंने दिन के अलग-अलग समय पर एक सप्ताह की अवधि में परीक्षण किया और दुनिया भर में विभिन्न सर्वरों का उपयोग किया - इनमें लंदन, न्यूयॉर्क, टोक्यो और सिडनी शामिल थे। मैंने देखा कि नई यात्राओं के बीच प्रतिक्रिया समय बेतहाशा भिन्न हो सकता है, इसलिए सबसे सटीक तस्वीर प्राप्त करने के लिए मुझे बहुत अधिक डेटा प्राप्त करने की आवश्यकता है।

प्रतिक्रिया समय भी आपकी भौगोलिक स्थिति और इंटरनेट कनेक्शन की गति के सापेक्ष होता है। www.cloudclimate.com/cdn-speed-test पर कुछ अलग सीडीएन के खिलाफ अपनी प्रतिक्रिया समय की जांच करने के लिए - साइट एक ग्राफ प्रदान करती है जो आपके कनेक्शन के साथ-साथ वैश्विक औसत के लिए आपके औसत प्रतिक्रिया समय का विवरण देती है।

यह याद रखना महत्वपूर्ण है कि प्रतिक्रिया समय के लिए परीक्षण करते समय आपको छवि के गैर-कैश्ड संस्करण का उपयोग करने की आवश्यकता होती है। सीडीएन एक एक्सपायरी हेडर जोड़ते हैं, और बस अपने ब्राउज़र को रीफ्रेश करने से आपको छवि को फिर से लाने के लिए सर्वर को मारने के बजाय कैश्ड संस्करण मिल सकता है। अपने ब्राउज़र में CTRL + F5 दबाकर, आप फ़ाइल के नए संस्करण का अनुरोध करेंगे।


अमेज़न क्लाउडफ्रंट

अमेज़ॅन अब तक का सबसे लोकप्रिय सीडीएन विकल्प है। कंपनी कई वर्षों से क्लाउड सेवाएं भी बना रही है और उत्पादों का एक बड़ा सेट तैयार किया है। मैं कुछ महीनों से Amazon Cloudfront का उपयोग कर रहा हूं और अब तक यह तेज़, सस्ता और स्थापित करने में अपेक्षाकृत आसान रहा है। फिर से, जैसा कि आज बाजार में अधिकांश सीडीएन के साथ है, अमेज़ॅन केवल उस सामग्री के लिए शुल्क लेता है जो आप नेटवर्क के माध्यम से वितरित करते हैं - और कोई मासिक शुल्क नहीं जुड़ा है।

बाकी सीडीएन सेवाओं की तुलना में कीमतें बहुत प्रतिस्पर्धी हैं, और ऐसा लगता है कि डिफ़ॉल्ट रूप से सबसे सस्ता भंडारण समाधान अमेरिका और यूरोप दोनों में हैं। मुझे लगता है कि अन्य सीडीएन की तुलना में अमेज़ॅन क्लाउडफ़्रंट समाधान स्थापित करना थोड़ा अधिक कठिन था। यह जूनियर वेबमास्टर्स की तुलना में डेवलपर्स के लिए अधिक लग रहा था। हालांकि, एक बार सेट अप करने के बाद इसका उपयोग करना आसान और बहुत ही कुशल था।

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

रैकस्पेस सीडीएन

सीडीएन विभाग में रैकस्पेस एक काले घोड़े के रूप में सामने आता है। मूल्य निर्धारण वास्तव में आकर्षक था (अमेज़ॅन के क्लाउडफ़्रंट के समान), साथ ही गणना करने में आसान और लचीला होने के कारण। रैकस्पेस अपनी सीडीएन सेवा के लिए आधार के रूप में अकामाई नेटवर्क का उपयोग करता है।

अकामाई को अब काफी समय हो गया है, और इसके पास 72 देशों में सर्वरों के साथ एक विशाल वैश्विक नेटवर्क है। अकामाई सामग्री वितरण में भी विश्व में अग्रणी है, जिसके पास दुनिया भर में 73, 000 सर्वर हैं, इसलिए इस विकल्प का उपयोग करके आप बिना किसी प्रतिबंधात्मक लागत के विश्व स्तरीय नेटवर्क के सभी लाभ प्राप्त कर सकते हैं।

सेट-अप आसान था और इसमें एक ऑनलाइन टूल भी शामिल था जिसका उपयोग मैं फ़ाइलों को अपलोड करने के लिए कर सकता था। मुझे साइबरडक नामक एक महान उपयोगिता ऑनलाइन भी मिली। यह एक एफ़टीपी-एस्क फ़ाइल एक्सप्लोरर प्रदान करता है जिसे आप जल्दी से अपने रैकस्पेस स्टोरेज खाते से जोड़ सकते हैं। इस टूल का उपयोग किसी भी Amazon स्टोरेज अकाउंट के साथ भी किया जा सकता है।

अमेज़ॅन के विपरीत, रैकस्पेस के साथ Gzip संपीड़न स्वचालित रूप से आपके द्वारा अपलोड की जाने वाली किसी भी स्थिर फ़ाइल के लिए सक्षम होता है - आपको स्वचालित रूप से यह सुविधा प्राप्त होती है। रैकस्पेस के लिए क्लाइंट समर्थन भी काफी प्रभावशाली लगता है: यह क्लाइंट प्रश्नों के लिए स्थायी फोन सेवा प्रदान करता है।

विंडोज़ एज़ूर सीडीएन

विंडोज़ एज़ूर क्लाउड मार्केटप्लेस के लिए एक सापेक्ष नवागंतुक है। Microsoft द्वारा अपनी क्लाउड सेवाओं को बढ़ावा देने के लिए हाल ही में एक बड़ा विपणन धक्का दिया गया है। मुझे लगता है कि कंपनी ने उपयोग में आसान सेवा प्रदान करने में बहुत अच्छा काम किया है जो सभी भाषाओं और उपकरणों और किसी भी ढांचे के लिए उपलब्ध है। यह सही है - सभी भाषाएँ। यदि आप node.js, Java, PHP या .NET का उपयोग कर रहे हैं तो आप Windows Azure CDN का उपयोग करने में सक्षम होंगे। Microsoft इसे एक खुला क्लाउड प्लेटफ़ॉर्म बनाने के लिए पूरी तरह से तैयार है जो सभी डेवलपर्स के लिए उपलब्ध है।

WindowsAzure वेबसाइट पर उपलब्ध कई महान ट्यूटोरियल के साथ, मैंने सेवा को स्थापित करना वास्तव में आसान पाया। मैं 15 मिनट में उठने और दौड़ने में कामयाब रहा। एक नि: शुल्क 90-दिवसीय परीक्षण भी है जो आपको यह तय करने से पहले सेवाओं का परीक्षण करने में सक्षम बनाता है कि क्या उन्हें खरीदना है - यह एक बढ़िया विकल्प है।

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

मैं एक ओपन सोर्स टूल देखना चाहता हूं, जैसा कि अन्य सेवाओं के लिए विकसित किया गया है, लेकिन उम्मीद है कि यह समय पर आ जाएगा। कुल मिलाकर, विंडोज़ एज़ूर एक बेहतरीन सीडीएन है जिसे स्थापित करना आसान और उपद्रव-मुक्त है।

प्रतिक्रिया समय (लंदन)

मूल्य निर्धारण

की तुलना

जैसा कि आप ऊपर की तालिकाओं से देख सकते हैं, तीन सीडीएन के बीच बहुत कम है और सभी ने एक शानदार सेवा की पेशकश की है। लेकिन अगर मुझे एक विजेता चुनना होता तो उसे रैकस्पेस होना पड़ता: इसने लगातार सर्वश्रेष्ठ प्रतिक्रिया समय की पेशकश की, ग्राहक सहायता बहुत अच्छी रही है और कीमत बहुत प्रतिस्पर्धी है।

निष्कर्ष

सीडीएन का उपयोग करके सेट अप करना वास्तव में आसान है - और यदि आपने आज अपनी साइट में केवल एक बदलाव किया है, तो सीडीएन से अपनी स्थिर फाइलों की सेवा करने से आपके प्रदर्शन में काफी सुधार होगा। आपके पास एक सीडीएन खाता भी हो सकता है जिसमें आप विभिन्न वेबसाइटों पर काम करते हैं। इस लेख में, मैंने कुछ अलग सीडीएन सेवाओं की समीक्षा की है - लेकिन जो भी आप साथ जाने का फैसला करते हैं, आपके उपयोगकर्ता केवल लाभ उठा सकते हैं!

हमारी सिस्टर साइट, Creative Bloq पर १२ आंखें खोलने वाली लंबन स्क्रॉलिंग वेबसाइटों की खोज करें।

आकर्षक लेख
आश्चर्य है कि आपका टैबलेट इतना धीमा क्यों है? इसे ठीक करने के 4 तरीके यहां दिए गए हैं
अधिक पढ़ें

आश्चर्य है कि आपका टैबलेट इतना धीमा क्यों है? इसे ठीक करने के 4 तरीके यहां दिए गए हैं

"मेरा टैबलेट इतना धीमा क्यों है?" आपके पास बाज़ार में उपलब्ध सर्वोत्तम टैबलेटों में से एक हो सकता है और फिर भी आप स्वयं को यह प्रश्न पूछते हुए पा सकते हैं। टैबलेट अंतराल निराशाजनक है, खासकर ...
आकर्षक चित्रण परियोजना टाइपोग्राफी में सर्वश्रेष्ठ मनाती है
अधिक पढ़ें

आकर्षक चित्रण परियोजना टाइपोग्राफी में सर्वश्रेष्ठ मनाती है

"दो चीजों के बीच एक अंतरंग प्रेम कहानी जो मुझे सबसे ज्यादा पसंद है: चित्रण और टाइपोग्राफी।" इसी तरह फ्लोरेंस स्थित ग्राफिक डिजाइनर सिमोन मासोनी ने चिक्स एंड टाइप्स का वर्णन किया है, जो एक चल...
Moo.com स्टोर लंदन के क्रिएटिव को लुभाता है
अधिक पढ़ें

Moo.com स्टोर लंदन के क्रिएटिव को लुभाता है

क्या इंटरनेट वास्तव में हाई स्ट्रीट रिटेल को मार रहा है? दूसरी दिशा में जा रहे ट्रैफ़िक का एक उदाहरण यहां दिया गया है...Moo.com ने रचनात्मक पेशेवरों, स्टार्ट-अप और वेब उद्यमियों के लिए ऑनलाइन व्यापार ...