मुख्य विषयवस्तु पर जाएं
पढ़ने का समय 6 मिनट (1121 शब्द)

जूमला के लिए प्रगतिशील Lazy Loading

जूमला-प्रगतिशील-आलसी-लोडिंग

जूमला! पर बेहतरीन सामग्री बनाना एक बात है, उसे सुलभ बनाना दूसरी बात। Lazy loading एक ऐसा समाधान है जो आपके वर्कफ़्लो में कोई बदलाव किए बिना दोनों को एक साथ लाता है। प्रगतिशील lazy loadingमें, चित्र केवल तभी लोड होते हैं जब ज़रूरत हो। अगर पाठक वेबपेज पर किसी चित्र तक कभी नहीं पहुँचता, तो वह कभी डाउनलोड नहीं होता। अब, lazy loading जूमला! पर भी उपलब्ध है।

lazy loading के कई फ़ायदे हैं; पेज तेज़ी से लोड होते हैं, यानी यूज़र एक्सपीरियंस बेहतर होता है, SEO स्कोर बढ़ता है और आपकी Joomla सामग्री कम-अंत वाले डिवाइस या धीमे इंटरनेट एक्सेस वाले यूज़र्स के लिए ज़्यादा सुलभ होती है। कुछ हफ़्ते पहले, वर्डप्रेस पर lazy loading बुनियादी विधि में एक सुधार प्रस्तुत किया था । आज, हम इसे Joomla! के लिए भी प्रस्तुत कर रहे हैं, लेकिन उससे पहले, आइए देखें कि आप Joomla! पर lazy loading

 

जूमला पर Lazy Loading सक्षम करना!

जूमला! पर Lazy loading Speed Cache एक्सटेंशन का हिस्सा है। lazy loading एक स्विच दबाने जितना आसान है। हालाँकि, जूमला! के Speed Cache lazy loading का अधिकतम लाभ उठाने में मदद करती हैं ।

 

अपने Joomla! ब्लॉग पर lazy loading कॉन्फ़िगर करने के लिए Speed Cache डैशबोर्ड पर जाएँ। वहाँ से, कॉन्फ़िगरेशन Speed Cache सेटिंग पेज पर जाएँ

 

लेज़ी lazy loading पैरामीटर में स्थित हैं lazy loading सेटिंग्स देखने के लिए वहाँ नेविगेट करें या बिल्कुल नई खोज सुविधा का उपयोग करें lazy loading lazy loading को चालू करें । ऐसा करते ही, Speed Cache आपकी वेबसाइट के अनुरूप lazy loading अनुकूलित करने के लिए नए विकल्प दिखाता है

Joomla! Lazy Loading से छवियाँ निकालें

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

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

 

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

 

जूमला पर प्रोग्रेसिव Lazy Loading कैसे काम करती है!

Lazy loading ज़रूरत पड़ने पर तुरंत सामग्री उपलब्ध कराती है। आमतौर पर, पेज टेक्स्ट और इमेज के संयोजन से बने होते हैं। मीडिया डाउनलोड करने में टेक्स्ट डाउनलोड करने से ज़्यादा समय लगता है, खासकर कम क्षमता वाले मोबाइल या धीमे इंटरनेट पर। हालाँकि आपका जूमला! ब्लॉग जादुई रूप से मोबाइल या इंटरनेट एक्सेस की गति नहीं बढ़ा सकता, लेकिन यह अगला सबसे अच्छा काम ज़रूर कर सकता है: उपयोगकर्ता अनुभव को बेहतर बनाना।

lazy loading असल मतलब यह है कि ब्राउज़र सबसे पहले टेक्स्ट लोड करता है, जो आमतौर पर आपके जूमला! ब्लॉग का अभिन्न अंग होता है। टेक्स्ट का आकार भी बहुत छोटा होता है, इसलिए यह तेज़ी से लोड होता है और आपके पाठक इसे आसानी से पढ़ सकते हैं। जब वे नीचे स्क्रॉल करते हैं और कोई इमेज दिखाई देती है, lazy loading इमेज को डाउनलोड करके प्रदर्शित करती है।

 

वास्तव में, किसी इमेज को लोड होने में अभी भी कुछ समय लग सकता है। इसलिए, प्रोग्रेसिव इमेज lazy loading स्वचालित रूप से इमेज का एक छोटा संस्करण बनाती है—20 पिक्सेल चौड़ी, 4 रंगों वाली, और केवल कुछ KB आकार की—और उन्हें मूल आकार में बड़ा करके फिर धुंधला कर देती है। इसका प्रभाव पूर्ण आकार की इमेज का एक धुंधला संस्करण होता है जो दर्शाता है कि इमेज अभी भी डाउनलोड हो रही है। जब lazy loading इमेज का डाउनलोड पूरा कर लेती है, तो Joomla! धुंधली इमेज को पूरी इमेज से बदल देता है।

lazy loadingके साथ प्रोग्रेसिव lazy loading अपने आप सक्षम हो जाती है, जिसका मतलब है कि आपको कोई अतिरिक्त बदलाव करने की ज़रूरत नहीं है। सबसे अच्छी बात यह है कि इमेज के केवल छोटे वर्ज़न इस्तेमाल करके, प्रोग्रेसिव lazy loading आपके जूमला! स्टोरेज स्पेस पर बहुत कम अतिरिक्त बोझ डालती है।

 

जूमला में Lazy Loading ! गैलरी

Lazy loading कोई भेदभाव नहीं होता। Speed Cacheकी lazy loading किसी भी इमेज के लिए काम करती है, जिसमें गैलरी भी शामिल हैं, जैसे Droppics गैलरी। सामान्य इमेज की तरह, Speed Cache गैलरी में इमेज के छोटे संस्करण को बड़ा करके उसे धुंधला कर देता है। जब उपयोगकर्ता नीचे स्क्रॉल करते हैं, lazy loading पूर्ण आकार की इमेज को डाउनलोड कर देती है।

 

सबसे अच्छी बात यह है कि Speed Cacheकी lazy loading आपके वर्कफ़्लो में बाधा नहीं डालती। इसके बजाय, यह आपकी प्रक्रिया में lazy loading इंजेक्ट करता है: बस अपने जूमला! ब्लॉग पर कहीं भी एक इमेज या गैलरी डालें और Speed Cache मुख्य सामग्री—मुख्य रूप से टेक्स्ट और आपकी प्राथमिकताओं द्वारा बाहर रखी गई छोटी इमेज—लोड होने के बाद, AJAX का उपयोग करके एक-एक करके इमेज को लेज़ी लोडिंग में स्वचालित रूप से लोड कर देता है।

 

स्क्रीन की ऊंचाई के आधार पर स्मार्ट Lazy Loading

Lazy loading पूरी तरह से स्क्रॉलिंग और स्क्रीन की ऊँचाई पर निर्भर करती है। Speed Cacheकी lazy loading इस मायने में बहुत स्मार्ट है कि यह केवल वर्तमान स्क्रीन की ऊँचाई (व्यूपोर्ट के आधार पर) पर लागू होती है और अगली स्क्रीन को प्रीलोड कर देती है। इसलिए अगर आपका कनेक्शन तेज़ है या आप धीरे-धीरे स्क्रॉल करते हैं, तो आपको पता भी नहीं चलेगा कि आपकी जूमला वेबसाइट पर lazy loading सक्रिय है।

इसके अलावा, स्क्रीन की ऊँचाई पर आधारित यह lazy loading केवल वर्तमान स्क्रीन की ऊँचाई पर ही लागू होती है, भले ही वह पृष्ठ के मध्य में हो, उदाहरण के लिए किसी एंकर लिंक के मामले में। फिर, ऊपर या नीचे स्क्रॉल करने पर lazy loading लागू हो जाती है।

 

व्यूपोर्ट-आलसी-लोडिंग

 

जूमला एसईओ और Lazy Loading

Speed Cache में इस्तेमाल होने वाली lazy loading SEO पर कोई असर नहीं डालती। दरअसल, आपकी सामग्री को क्रॉल करने वाले सर्च इंजन, जैसे कि गूगल बॉट, सिर्फ़ इसके फ़ायदे ही देखेंगे:

  • पेज का लोडिंग समय बहुत बेहतर है;
  • वैकल्पिक पाठ, छवि शीर्षक और विवरण सहित सभी छवि सामग्री, बिना lazy loadingतुरंत लोड हो जाती है; और
  • जब पृष्ठ पहली बार रेंडर होता है तो छवि कैप्शन भी लोड हो जाते हैं।

वैकल्पिक-आलसी-लोडिंग

 

प्रोग्रेसिव lazy loading मीडिया दिखाने और विज़ुअल संकेतों को जोड़कर उन्हें डाउनलोड करने में देरी करने के बीच एक समझौता है। साथ ही, lazy loading आपके जूमला! ब्लॉग को नेविगेट करने को तेज़ और सुखद अनुभव बनाती है। बेहतरीन सामग्री साझा करने की कोई सीमा नहीं होनी चाहिए, और अब, जूमला! पर प्रोग्रेसिव lazy loading के साथ, इसे सुलभ बनाने की भी कोई सीमा नहीं है।

बेशक, हम यह भी ध्यान में रख सकते हैं कि Speed Cache कई अन्य अद्भुत उपकरण भी प्रदान करता है जैसे कि एक बहुत अच्छा कैश मॉड्यूल जो हमें अपनी साइटों को गति देने और इसे अगले स्तर तक ले जाने की अनुमति देगा!

जूमला के लिए Speed Cache जांचें  https://www.joomunited.com/products/speed-cache

सूचित रहें

जब आप ब्लॉग की सदस्यता लेंगे, तो साइट पर नए अपडेट आने पर हम आपको ई-मेल भेजेंगे ताकि आप उन्हें न चूकें।

संबंधित पोस्ट

 

टिप्पणियाँ 1

hobbyist पर मंगलवार, 18 फ़रवरी, 2020 06:25

मैं lazy loading । इनमें से कई प्लेयर्स पेज लोड होने पर बहुत ज़्यादा ट्रैफ़िक पैदा करते हैं। इस लेख में वीडियो का ज़िक्र नहीं है, सिर्फ़ तस्वीरों का, इसलिए मुझे लगता है कि यह यहाँ लागू नहीं होता।

वैसे, मैं "पेज का लोडिंग समय काफ़ी बेहतर है" वाले टेक्स्ट को पार्स नहीं कर पा रहा हूँ।

मैं एम्बेडेड वीडियो प्लेयर्स (यूट्यूब) की lazy loading से जूझ रहा हूँ। इनमें से कई प्लेयर्स पेज लोड होने पर बहुत ज़्यादा ट्रैफ़िक पैदा करते हैं। इस लेख में वीडियो का ज़िक्र नहीं है, सिर्फ़ तस्वीरों का, इसलिए मुझे लगता है कि यह यहाँ लागू नहीं होता। वैसे, मैं "पेज का लोडिंग समय काफ़ी बेहतर है" वाले टेक्स्ट को पार्स नहीं कर पा रहा हूँ।
पहले से पंजीकृत हैं? यहां लॉगिन करें
सोमवार, 8 दिसंबर, 2025

कैप्चा छवि