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

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

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

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

Lazy loading Speed Cache एक्सटेंशन का हिस्सा है। lazy loading को सक्रिय करना एक स्विच को फ़्लिप करने जितना आसान है। हालांकि, जूमला! का Speed Cache भी अन्य विशेषताएं शामिल करता है जो आपको lazy loading

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

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

जूमला से छवियों को बाहर करें! Lazy Loading

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

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

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

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

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

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

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

प्रगतिशील 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’s lazy loading बहुत ही स्मार्ट है क्योंकि यह केवल वर्तमान स्क्रीन ऊंचाई (व्यूपोर्ट के आधार पर) पर लागू होता है और अगले एक को प्रीलोड करता है। इसलिए यदि आपके पास तेज कनेक्शन है या आप धीरे-धीरे स्क्रॉल करते हैं, तो आप यह भी नहीं देखेंगे कि lazy loading आपके जूमला वेबसाइट पर सक्रिय है।.

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

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

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

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

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

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

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