HTTP / 2 का उपयोग करके अपनी वेबसाइट के पेजस्पीड को बेहतर बनाने के 5 तरीके

• प्रौद्योगिकी समझाया

विज्ञापन

हाइपरटेक्स्ट ट्रांसफर प्रोटोकॉल संस्करण 2, या HTTP / 2, HTTP का नवीनतम मानक है। प्रोटोकॉल के अपडेट से वेब ट्रैफ़िक की गति, दक्षता और सुरक्षा में सुधार होगा। हालाँकि, संक्रमण स्वचालित नहीं है।

इस लेख का उद्देश्य आपको कुछ अंतर्दृष्टि देना है कि HTTP / 2 का आपके लिए क्या अर्थ है, और नई सुविधाओं का लाभ उठाने के लिए अपनी वेबसाइट या सर्वर को कैसे कॉन्फ़िगर करें।

आपके लिए HTTP / 2 का क्या मतलब है

नियमित उपयोगकर्ताओं के लिए, HTTP / 1.1 से HTTP / 2 में परिवर्तन बहुत ही अदृश्य होगा।

सभी ब्राउज़रों को HTTP / 2 पर वेबसाइटों की सेवा के लिए एक वैध ट्रांसपोर्ट लेयर सिक्योरिटी (TLS) प्रमाणपत्र की आवश्यकता होगी। इसलिए तेज पृष्ठ लोडिंग से परे, वेबसाइट सुरक्षा में भी वृद्धि होगी।

वेब डिज़ाइनरों और स्वामियों के लिए, HTTP / 2 आपकी साइट की लोड गति को सभी उपकरणों में सुधार सकता है।

प्रत्येक आधुनिक ब्राउज़र पहले से ही नए प्रोटोकॉल मानक का समर्थन करता है (हालाँकि ये मोबाइल ब्राउज़र HTTP / 2 का समर्थन नहीं करते हैं)। हालाँकि, ऐसे मामलों में जहां ब्राउज़र या सर्वर HTTP / 2 का समर्थन नहीं करते हैं, HTTP / 1.1 मानक का उपयोग स्वचालित रूप से किया जाएगा।

कैसे HTTP / 2 वेबसाइट डिजाइन को प्रभावित करेगा?

HTTP / 2 में शुरू किए गए परिवर्तन प्रभावित करेंगे कि हम दक्षता और गति के लिए वेबसाइटों और सर्वरों का अनुकूलन कैसे करते हैं।

HTTP / 2 में शुरू की गई नई सुविधाएँ हमें HTTP / 1 के कई वर्कअराउंड और अनुकूलन तकनीकों की अवहेलना करने की अनुमति देंगी। इसमें HTML में अब स्क्रिप्ट्स को सम्मिलित करना या सर्वर अनुरोधों को कम करने के लिए फ़ाइलों का संयोजन शामिल नहीं है। डोमेन शेरिंग भी अब उपयोगी नहीं है।

कुछ मामलों में, ये वर्कअराउंड आपके पृष्ठ की गति को नकारात्मक रूप से प्रभावित करेगा यदि यह HTTP / 2 परोसता है।

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

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

HTTP कॉन्सेप्ट आपको पता होना चाहिए

यदि आप इस लेख में उल्लिखित शर्तों से परिचित नहीं हैं, तो यहाँ एक त्वरित परिचय है

इनलाइनिंग स्क्रिप्ट टैग के साथ जावास्क्रिप्ट को सीधे HTML दस्तावेज़ में जोड़ना है। HTML / 1.1 में यह छोटी जावास्क्रिप्ट फ़ाइलों से छुटकारा दिलाता है और सर्वर अनुरोधों को कम करेगा और स्क्रिप्ट को तेजी से लोड करेगा।

HTTP / 2 में पेज स्पीड के लिए मल्टीप्लेक्सिंग, स्ट्रीम प्रायोरिटीज़ेशन और सर्वर पुश के लिए फ़ाइलों की संख्या कम करना अब उतना बड़ा मुद्दा नहीं है।

मल्टीप्लेक्सिंग HTML / 2 में एक नई सुविधा है जो एक ट्रांसमिशन ट्रांसमिशन प्रोटोकॉल (टीसीपी) कनेक्शन पर कई डेटा स्ट्रीम के लिए अनुमति देता है।

डेटा स्ट्रीम एक HTML / 2 शब्द है जिसका उपयोग डेटा की द्वि-दिशात्मक धाराओं के लिए किया जाता है। हम प्रत्येक स्ट्रीम को उनके विशिष्ट पहचानकर्ता के लिए धन्यवाद को प्राथमिकता दे सकते हैं, जो हमें डेटा वितरण को अनुकूलित करने में मदद करेगा।

स्ट्रीम प्राथमिकताकरण HTML / 2 में एक और नई विशेषता है। यह हमें सर्वर को प्राथमिकता देने और डेटा स्ट्रीम को प्राथमिकता देने के लिए सर्वर को बताने की क्षमता देता है। इस प्रकार ग्राहकों को उच्च प्राथमिकता वाली सामग्री का इष्टतम वितरण सुनिश्चित करना।

डोमेन शेयरिंग HTML / 1.1 में एक साथ डाउनलोड सीमा के आसपास पाने के लिए कई साइटों या डोमेन में वेबसाइट संसाधनों को विभाजित करने का कार्य है।

HTML / 2 में, मल्टीप्लेक्सिंग और सर्वर पुश डोमेन शेयरिंग की तुलना में एक साथ डाउनलोड तेजी से और अधिक कुशल करेगा । वास्तव में, वर्तमान में कई डोमेन में इन सुविधाओं का उपयोग करने के लिए कोई समर्थन नहीं है।

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

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

5 वेबसाइट HTTP / 2 अनुकूलन के लिए बनाने के लिए परिवर्तन

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

नीचे HTTP / 2 की अपनी वेबसाइट को ऑप्टिमाइज़ करने के लिए सबसे आम बदलाव देखने चाहिए।

1. अपने सीएसएस या जावास्क्रिप्ट का मिश्रण न करें

अब आपको अपने वेबसाइट संसाधनों को संक्षिप्त या संयोजित नहीं करना चाहिए। HTTP / 1.1 में, यह HTTP अनुरोधों की संख्या को कम कर देगा, और आपकी वेबसाइट को प्रदर्शित करने के लिए आवश्यक फ़ाइलों को डाउनलोड करना होगा।

प्रत्येक HTTP अनुरोध विलंबता जोड़ देगा, इसलिए HTTP / 1.1 में एक फ़ाइल डाउनलोड करना कई फ़ाइलों को डाउनलोड करने की तुलना में अक्सर अधिक कुशल होता है। HTTP / 1.1 में एक साथ डाउनलोड करने की सीमा के आसपास कम फ़ाइलों को भी मदद मिलती है।

चूंकि HTTP / 2 कई सर्वर अनुरोधों के बिना कई डाउनलोड के लिए अनुमति देता है, गति के लिए अनुकूलन करते समय फ़ाइलों की संख्या कम महत्वपूर्ण होती है। कैशिंग के साथ संयुक्त, विशिष्ट फाइलें HTTP / 2 में बेहतर हैं।

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

2. एचटीएमएल में लिपियों को रेखांकित न करें

आपके HTML दस्तावेज़ में सीएसएस और जेएस फाइलें एम्बेड करने से एचटीटीपी / 1.1 में आपके पेज की लोडिंग गति में सुधार होगा। फ़ाइलों के संयोजन के साथ, यह फ़ाइल संख्या और सर्वर अनुरोधों को कम करेगा।

एचटीटीपी / 2 का उपयोग करते समय एचटीएमएल में इनलाइनिंग स्क्रिप्ट व्यक्तिगत रूप से संपत्ति को कैश करने की ब्राउज़र की क्षमता को हटाकर, कैशिंग से आपके पेज की गति अनुकूलन को कम कर देगा।

यह स्ट्रीम प्राथमिकताकरण से किसी भी सुधार को भी तोड़ देगा, क्योंकि सभी एम्बेडेड स्क्रिप्ट और सामग्री को आपके HTML सामग्री के समान प्राथमिकता स्तर मिलेगा।

HTTP अनुरोधों को कम करने के लिए संपत्ति को निष्क्रिय करने के बजाय, मल्टीप्लेक्सिंग और सर्वर पुश का लाभ उठाएं। यह ब्राउज़र को कम अनुरोध के साथ अधिक संसाधन डाउनलोड करने और आपके पृष्ठ की लोड गति में सुधार करने की अनुमति देगा।

संक्षेप में, संभव होने पर अपने संसाधनों को अलग और छोटा रखें।

3. सीएसएस छवि स्प्राइट्स का उपयोग करना बंद करें

छवि स्प्राइट्स कई छोटी छवियों (जैसे ऊपर एक) से बनी छवियां हैं। CSS तब निर्दिष्ट करता है कि छवि के किन वर्गों को प्रदर्शित करना है।

अधिकांश HTTP / 1.1 वर्कअराउंड के साथ, हम सर्वर अनुरोधों को कम करने के लिए आंशिक रूप से छवि स्प्राइट्स का उपयोग करते हैं। HTTP / 2 में, आप सुरक्षित रूप से अपने पृष्ठ की लोड गति को नकारात्मक रूप से प्रभावित किए बिना अलग-अलग छवियों का उपयोग कर सकते हैं।

मल्टीप्लेक्सिंग और सर्वर पुश के लिए छोटी फाइलें तेजी से और अधिक कुशलता से डाउनलोड करेंगी।

4. डोमेन शेयरिंग का उपयोग न करें

HTTP / 1 में युगपत डाउनलोड सीमाओं को दरकिनार करने के लिए डोमेन शेरिंग का उपयोग किया जाता है। यह सीमा आमतौर पर प्रति डोमेन चार से आठ के बीच होती है और इसे डीडीओएस हमलों को कम करने के लिए आंशिक रूप से ब्राउज़रों द्वारा निर्धारित किया जाता है।

उदाहरण के लिए, चार डोमेन में अपनी वेबसाइट को साझा करना, सैद्धांतिक रूप से HTTP / 1.1 में एक चौथाई समय में संसाधनों की सेवा कर सकता है।

HTTP / 2 की मल्टीप्लेक्सिंग के लिए डोमेन शेरिंग अब आवश्यक नहीं है।

ध्यान दें कि ब्राउज़र HTTP / 2 में कई डोमेन में मल्टीप्लेक्सिंग और समानांतर डाउनलोड का लाभ नहीं उठा सकते हैं। साझाकरण HTTP / 2 की स्ट्रीम प्राथमिकता को भी तोड़ देगा, आगे HTTP / 2 के उपयोग के लाभों को कम करेगा।

5. सर्वर पुश का लाभ उठाएं

संभवतः HTTP / 2 का सबसे महत्वपूर्ण सुधार सर्वर पुश है।

HTTP / 1.1 में, जब आप पृष्ठ देखने का अनुरोध करते हैं, तो सर्वर पहले HTML दस्तावेज़ भेजेगा। आपका ब्राउज़र तब इसे पार्स करना शुरू कर देगा, और अलग से सीएसएस, जेएस और दस्तावेज़ में संदर्भित मीडिया फ़ाइलों का अनुरोध करेगा।

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

मुंहतोड़ पत्रिका HTTP / 2 के सर्वर पर एक महान व्यापक मार्गदर्शिका है जो अंतर्दृष्टि के साथ काम करती है कि यह कैसे काम करता है और इसे कैसे सक्षम किया जाए।

HTTP / 2 के लिए अपने सर्वर को कैसे कॉन्फ़िगर करें

अधिकांश सर्वर कार्यान्वयन पहले से ही HTTP / 2 का समर्थन करते हैं। हालाँकि, यदि आप एक साझा होस्ट का उपयोग कर रहे हैं, तो आपको HTTP / 2 को सक्रिय करने के लिए अपने सर्वर व्यवस्थापक से जांचना होगा। यदि आप उत्सुक हैं, तो GitHub में HTTP / 2 का समर्थन करने वाले सर्वर कार्यान्वयन की एक सूची है।

Nginx सर्वर के पास HTTP / 2 के लिए मूल समर्थन है, जबकि आपको HTTP / 2 समर्थन को सक्षम करने के लिए Apache सर्वर को कॉन्फ़िगर करने की आवश्यकता हो सकती है।

यदि आपकी वेबसाइट HTTPS सक्षम है, (एक HTTP / 2 आवश्यकता) तो आप यह जांच सकते हैं कि आपकी वेबसाइट HTTP / 2 के साथ http2 .pro पर दी गई है या नहीं। कहा कि, यदि आप अपने सीडीएन के रूप में क्लाउडफेयर का उपयोग करते हैं, तो आपके सर्वर से किसी भी सामग्री को बिना कोई बदलाव किए HTTP / 2 पर सेवा दी जाएगी।

वर्डप्रेस विशिष्ट होस्ट कभी-कभी आपके द्वारा किए जाने वाले कॉन्फ़िगरेशन परिवर्तनों को सीमित कर देगा, विशेष रूप से उनकी निम्न स्तरीय सेवाओं में। उस ने कहा, हम आपकी WordPress साइटों के लिए Bluehost की सलाह देते हैं। ब्लूहोस्ट मुफ्त एसएसएल और सीडीएन की पेशकश करता है, और आपकी वेबसाइटों को एचटीटीपी / 2 पर सेवा देगा।

HTTP / 2 यह पहला कदम है

HTTP / 2 पिछले मानक पर एक बहुत बड़ा सुधार है, और अब आपको इसे लागू करने से मिलने वाले लाभों के बारे में कुछ जानकारी होनी चाहिए।

सक्षम वेबसाइट तेजी से लोड होंगी और अधिक सुरक्षित होंगी, जिससे आपकी खोज रैंकिंग भी बढ़ेगी। HTTP / 3 पहले से ही रास्ते में है, और HTTP / 2 के लिए आपकी वेबसाइट को कॉन्फ़िगर करना HTTP / 3 के लिए आपकी अंतिम छलांग को बहुत आसान बना देगा।

HTTP / 2 के लिए अपनी वेबसाइट स्थापित करने से परे, आपको अपनी वेबसाइट को तेज़ी से लोड करने के लिए इन तरीकों पर भी विचार करना चाहिए। अपनी वेबसाइट बनाने के लिए 7 तरीके या आगंतुकों के लिए ब्लॉग लोड तेज़। 7 तरीके आपकी वेबसाइट या ब्लॉग लोड करने के लिए आगंतुकों के लिए तेज़ शीर्ष युक्तियाँ आपकी साइट को गति देने और सुनिश्चित करें कि आपके आगंतुक चारों ओर चिपकते हैं। अधिक पढ़ें ।

HTTP / 2, वेब डेवलपमेंट के बारे में अधिक जानकारी प्राप्त करें।