वर्डप्रेस Gravatar डिलीवरी को गति देने के 3 तरीके

वर्डप्रेस Gravatar डिलीवरी को गति देने के 3 तरीके

छवियाँ वास्तव में एक वेबसाइट को धीमा कर सकती हैं। वे सभी वेब सामग्री का 48% हिस्सा बनाते हैं और आपके पृष्ठ लोड समय का लगभग आधा हिस्सा खाते हैं। यही कारण है कि छवियों का अनुकूलन इतना महत्वपूर्ण है।

फिर भी, जब वर्डप्रेस की बात आती है, तो बहुत से लोगों को यह एहसास नहीं होता है कि वे अपनी Gravatar इमेज के लोड समय को भी ऑप्टिमाइज़ कर सकते हैं।

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

हालांकि केवल Gravatar (जिसे हम नीचे एक्सप्लोर करेंगे) का उपयोग नहीं करना आसान होगा, कोई प्रोफ़ाइल चित्र न होने से टिप्पणी करने का अनुभव नीरस हो जाएगा (यह देखना अच्छा है कि आप किसे उत्तर दे रहे हैं, है ना?)।

सौभाग्य से, कुछ तरीके हैं जो Gravatar डिलीवरी को गति देने में मदद कर सकते हैं। इस लेख में, हम तीन अलग-अलग तरीकों पर नज़र डालेंगे जिनसे आप अपनी साइट पर Gravatar को गति दे सकते हैं और HTTP अनुरोधों को कम कर सकते हैं: कैशिंग, स्थानीय रूप से होस्ट की गई छवियों का उपयोग करना और CDN का उपयोग करना।

ग्रेवटार क्या है?

Gravatar का अर्थ “विश्व स्तर पर मान्यता प्राप्त अवतार” है और यह एक लोकप्रिय सेवा है जो वर्डप्रेस और अन्य वेब एप्लिकेशन जैसे प्लेटफॉर्म को उपयोगकर्ता प्रोफ़ाइल फ़ोटो प्रदर्शित करने में सक्षम बनाती है।

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

यहाँ WP रॉकेट ब्लॉग पर टिप्पणियों से एक उदाहरण दिया गया है:

वर्डप्रेस Gravatar डिलीवरी को गति देने के 3 तरीकेGravatar उपयोगकर्ता के ईमेल को प्रोफ़ाइल फ़ोटो से लिंक करता है।

Gravatar के बारे में इतना सुविधाजनक क्या है कि आपकी प्रोफ़ाइल फ़ोटो पूरे वेब पर आपका अनुसरण करती है। इसका मतलब है कि जब भी आप किसी वेबसाइट पर नया अकाउंट बनाते हैं तो आपको हर बार फोटो अपलोड करने की जरूरत नहीं होती है।

लेकिन यह सुविधा एक कीमत पर आती है: पृष्ठ लोड गति।

उदाहरण के लिए, यदि आप कोई ऐसी पोस्ट प्रकाशित करते हैं जिस पर ढेर सारी टिप्पणियां आती हैं, तो विज़िटर के ब्राउज़र को प्रत्येक बार पोस्ट देखने पर Gravatar के बाहरी सर्वर से संबंधित सभी Gravatar छवियों को लोड करना होगा। हर बार एक ब्राउज़र को gravatar.com से एक छवि प्राप्त करनी होती है, यह एक और HTTP अनुरोध है।

यहाँ यह कैसा दिखता है …

वर्डप्रेस Gravatar डिलीवरी को गति देने के 3 तरीके

HTTP Gravatar के सर्वर के लिए अनुरोध करता है।

किसी ब्लॉग पोस्ट पर आपकी जितनी अधिक टिप्पणियाँ होती हैं, उतना ही अधिक HTTP Gravatar के सर्वर के लिए अनुरोध करता है। जबकि Gravatar.com चीजों को गति देने में मदद के लिए HTTP/2 का उपयोग करता है, कैशिंग और गति अभी भी आपके नियंत्रण से बाहर है।

आपको यह दिखाने के लिए कि किसी साइट पर Gravatar का किस प्रकार का प्रभाव हो सकता है, मैंने 50+ टिप्पणियों वाली एक ब्लॉग पोस्ट के साथ एक परीक्षण वेबसाइट स्थापित की। साइट डिफ़ॉल्ट रूप से Gravatar का उपयोग करती है।

मैंने पिंगडम के माध्यम से ब्लॉग पोस्ट चलाया, यह देखने के लिए कि मेरी साइट Gravatar के सर्वर से कितने अनुरोध कर रही है। 49 HTTP अनुरोधों में से 33 Gravatar के सर्वर के लिए हैं – यह कुल अनुरोधों का 67% है!

वर्डप्रेस Gravatar डिलीवरी को गति देने के 3 तरीके

आधे से अधिक अनुरोध Gravatar छवियों के लिए हैं।

जबकि मेरे पास कैशिंग सक्षम है, HTTP अनुरोधों की कुल संख्या को कम करने और मेरी साइट को व्यवस्थित करने के लिए यहां बहुत संभावनाएं हैं।

तो चलिए देखते हैं कि तीन अलग-अलग तरीकों से Gravatar को ऑप्टिमाइज़ कैसे करें।

Gravatar इमेज को कैश कैसे करें (प्लगइन के साथ)

Gravatar छवियों को कैश करने से यह सुनिश्चित होता है कि साइट विज़िटर उन्हें एक बार डाउनलोड कर लें और अगली बार जब वे आपकी साइट पर जाएँ तो उन्हें दोबारा लोड न करना पड़े। जबकि WP रॉकेट में Gravatar कैशिंग को एक सुविधा के रूप में जोड़ने की योजना है, जब तक कि यह FV Gravatar Cache प्लगइन उपलब्ध नहीं है, एक बढ़िया मुफ्त विकल्प है।

FV Gravatar कैश आपको इसकी अनुमति देता है:

  • वर्डप्रेस क्रॉन जॉब के साथ कैशे Gravatars,
  • कैश Gravatars टिप्पणी प्रस्तुत करने पर, और
  • किसी भी Gravatar से जुड़े ईमेल पतों के लिए इसे बार-बार डाउनलोड करने के बजाय डिफ़ॉल्ट Gravatar की एक प्रति बनाए रखें।

यहां बताया गया है कि इसे कैसे सेट अप करें ताकि आप Gravatar इमेज को कैश करना शुरू कर सकें:

स्टेप 1

FV Gravatar Cache इंस्टॉल और सक्रिय करें। आप इसे WordPress.org से मुफ्त में डाउनलोड कर सकते हैं।

चरण दो

प्लगइन सक्रिय होने के बाद, पर जाएं सेटिंग > FV Gravatar कैश.

चरण 3

सेटिंग पेज के नीचे स्क्रॉल करें। “ग्रेवटार आकार” के तहत आप अपनी छवियों के लिए इच्छित आकार निर्धारित कर सकते हैं। “परिवर्तन सहेजें” पर क्लिक करें।

वर्डप्रेस Gravatar डिलीवरी को गति देने के 3 तरीके

FV Gravatar कैश को कॉन्फ़िगर करना।

और आपको बस इतना ही करना है। कैशिंग सक्षम होने पर आपकी साइट Gravatars को स्थानीय रूप से कैश करेगी।

मैंने दो अन्य प्लगइन्स का परीक्षण किया, जिनकी अलग-अलग विशेषताएं हैं और यदि आप पाते हैं कि FV Gravatar कैश आपके सेटअप के साथ काम नहीं करता है तो यह देखने लायक है:

CDN के साथ Gravatar इमेज की स्पीड कैसे बढ़ाएं

सबसे पहले, इस नए समाधान को साझा करने के लिए KeyCDN को धन्यवाद। यह विकल्प कुछ हद तक उन्नत है क्योंकि इसमें एनजीआईएनएक्स शामिल है और इसके लिए निम्नलिखित की आवश्यकता है:

  1. आपको Nginx चलाना चाहिए और आपके पास अपने सर्वर तक पहुंच होनी चाहिए, या आप एक वेब होस्ट का उपयोग करते हैं जो आपको अपनी Nginx कॉन्फ़िगरेशन फ़ाइल को अपडेट करने की अनुमति देता है।
  2. आपने KeyCDN का निःशुल्क CDN Enabler प्लगइन स्थापित और सक्रिय कर लिया है।
  3. आप सीडीएन का उपयोग कर रहे हैं।

चूंकि KeyCDN ने अपना मूल पोस्ट प्रकाशित किया था, CDN Enabler प्लगइन को अपडेट कर दिया गया है, इसलिए कदम कुछ हद तक बदल गए हैं।

स्टेप 1

अपनी Nginx कॉन्फ़िगरेशन फ़ाइल खोलें और प्रासंगिक स्थान ब्लॉक में “sub_filter” जोड़ें। फिर “स्थान /” को उस निर्देशिका से बदलें जिसका उपयोग आप अपने Gravatars के लिए कर रहे हैं और “can.example.com” को अपने CDN URL, यानी https://cdn.example.com/avatar से बदलें।

location / {
sub_filter 'https://secure.gravatar.com/avatar/' 'https://cdn.example.com/avatar/';
sub_filter_once off;
}

चरण दो

फिर उसी कॉन्फ़िगरेशन फ़ाइल में पुनर्निर्देशित अवतारों के लिए प्रॉक्सी स्थान जोड़ें:

location /avatar {
proxy_pass https://secure.gravatar.com$request_uri;
}

चरण 3

अपने परिवर्तन सहेजें और Nginx को पुनः लोड करें। आपकी साइट के Gravatar अनुरोध अब इसके बजाय आपके स्वयं के CDN पर जाने चाहिए।

चरण 4

अपनी साइट पर एक पृष्ठ खोलें जो Gravatars का उपयोग करता है और HTML की जाँच करें। आपको देखना चाहिए कि आपका स्वयं का CDN URL अब gravatar.com के बजाय उपयोग किया जा रहा है

वर्डप्रेस Gravatar डिलीवरी को गति देने के 3 तरीके

CDN से Gravatar लोड हो रहा है।

स्थानीय रूप से होस्ट किए गए Gravatars का उपयोग कैसे करें

यदि आप Gravatar का बिल्कुल भी उपयोग नहीं करना चाहते हैं, तो आप WP उपयोगकर्ता अवतार का उपयोग करने का प्रयास कर सकते हैं, एक निःशुल्क और लोकप्रिय प्लगइन जो आपको अवतार के रूप में अपनी मीडिया लाइब्रेरी में किसी भी तस्वीर का उपयोग करने में सक्षम बनाता है। सक्षम होने पर, यह प्लगइन आपकी साइट के लिए Gravatar को निष्क्रिय कर देगा। यहां बताया गया है कि इसे कैसे सेट अप करें:

स्टेप 1

WP उपयोगकर्ता अवतार को स्थापित और सक्रिय करें।

चरण दो

एक बार सक्रिय हो जाने पर, पर जाएं अवतार> सेटिंग्स व्यवस्थापक साइडबार में।

चरण 3

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

वर्डप्रेस Gravatar डिलीवरी को गति देने के 3 तरीके

WP उपयोगकर्ता अवतार को कॉन्फ़िगर करना।

चरण 4

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

वर्डप्रेस Gravatar डिलीवरी को गति देने के 3 तरीके

मेरी प्रोफ़ाइल में एक कस्टम अवतार जोड़ना।

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

WP उपयोगकर्ता अवतार सक्षम और Gravatar अक्षम होने के साथ, मेरे परीक्षण ब्लॉग पोस्ट के लिए HTTP अनुरोधों की संख्या घटाकर केवल 18 कर दी गई है:

वर्डप्रेस Gravatar डिलीवरी को गति देने के 3 तरीके

कम HTTP अनुरोध.

निष्कर्ष

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

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

अंत में, आप अपनी छवियों को आलसी लोड करने पर भी विचार कर सकते हैं – आप WP रॉकेट में आलसी लोडिंग को सक्षम करके आसानी से ऐसा कर सकते हैं।



वर्डप्रेस Gravatar डिलीवरी को गति देने के 3 तरीके वर्डप्रेस Gravatar डिलीवरी को गति देने के 3 तरीके

प्रातिक्रिया दे

आपका ईमेल पता प्रकाशित नहीं किया जाएगा. आवश्यक फ़ील्ड चिह्नित हैं *