वर्डप्रेस में ऑफस्क्रीन इमेज को कैसे डिफर करें

हम सभी जानते हैं कि SEO और रूपांतरण के लिए गति बहुत महत्वपूर्ण है। किसी वेबसाइट को तेज़ बनाने से उस वेबसाइट को Google पर उच्च रैंक में मदद मिल सकती है। और यह आपके पाठकों को भी खुश कर सकता है। तेज़ वेबसाइट किसे पसंद नहीं है?

लेकिन जब किसी वेबसाइट को गति के लिए अनुकूलित करने का प्रयास किया जाता है, तो बहुत सी चीजों को करने में समय लग सकता है। मैं आमतौर पर अपनी वेबसाइट का परीक्षण करने के लिए समय-समय पर कोशिश करता हूं और यह सुनिश्चित करता हूं कि यह खराब प्रदर्शन नहीं कर रही है। आप कभी नहीं जानते कि वहां नया क्या है। SEO की दुनिया में चीजें बहुत बार बदलती हैं।

यदि आपने के माध्यम से अपनी वेबसाइट की जाँच की है गति परीक्षण उपकरण Google PageSpeed ​​Insight या Web.dev की तरह, आपको मिलने वाली चेतावनियों में से एक "ऑफ़स्क्रीन छवियों को स्थगित करना" है।

इस लेख में, मैं इसका अर्थ समझाऊंगा, आपको बताऊंगा कि इसे कैसे ठीक किया जाए, और ऐसे प्लगइन्स की सिफारिश करें जिनका उपयोग आप इसे ठीक करने के लिए कर सकते हैं।

हालाँकि, आपको पता होना चाहिए कि ऑफस्क्रीन छवियों को स्थगित करने से आपके मोबाइल की गति क्यों बढ़ सकती है, आपकी गति को प्रभावित करने वाले सबसे महत्वपूर्ण कारक आपकी होस्टिंग और थीम हैं। यहाँ BloggingTools में, हम उपयोग करते हैं Cloudways क्योंकि यह सबसे तेज वर्डप्रेस होस्टिंग है। यदि आप Cloudways नहीं खरीद सकते हैं तो Bluehost या Hostinger अच्छे विकल्प हैं। थीम के लिए, हम सबसे तेज़ वर्डप्रेस थीम का उपयोग करते हैं जिसे के रूप में जाना जाता है GeneratePress.

आस्थगित ऑफस्क्रीन छवियों का क्या अर्थ है?

ऑफस्क्रीन छवियों को स्थगित करने का अर्थ है उन छवियों को लोड करने में देरी करना जो उपयोगकर्ता को अभी तक दिखाई नहीं दे रही हैं। यह ब्राउज़र को केवल वही लोड करने पर ध्यान केंद्रित करेगा जो आवश्यक है और अंततः वेबसाइट को तेज़ बनाता है।

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

लेकिन जब आप ऑफस्क्रीन छवियों को स्थगित करते हैं, तो छवियां केवल तभी लोड होंगी जब उपयोगकर्ता इसे स्क्रॉल करेगा।

ध्यान दें कि आप न केवल छवियों को स्थगित कर सकते हैं, बल्कि आपकी अधिकांश वेबसाइट संपत्तियों को भी तब तक के लिए स्थगित किया जा सकता है जब तक कि उनकी आवश्यकता न हो।

वर्डप्रेस में ऑफस्क्रीन इमेज को कैसे डिफर करें

आप आलसी लोडिंग छवियों द्वारा ऑफस्क्रीन छवियों को स्थगित कर सकते हैं। आलसी लोडिंग यह सुनिश्चित करेगी कि चित्र केवल तभी लोड होंगे जब उनकी आवश्यकता होगी। यह बदले में वेबसाइट को तेज करेगा।

एक बार जब आप छवियों और अन्य संपत्तियों को आलसी लोड करने में सक्षम हो जाते हैं जो आपके पृष्ठ को तेजी से लोड होने से रोक रहे हैं। Google PageSpeed ​​Insight और अन्य परीक्षण टूल से "डिफ़र ऑफ़स्क्रीन छवियां" गायब हो जाएंगी।

वर्डप्रेस में ऑफस्क्रीन इमेज को स्थगित करने के लिए इन चरणों का पालन करें:

1. एक आलसी लोडिंग प्लगइन स्थापित करें

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

लेकिन अगर आपके पास पहले से ही ऐसे प्लगइन्स हैं जो आलसी लोडिंग को संभाल सकते हैं तो आपको कोई प्लगइन स्थापित करने की आवश्यकता नहीं है। अधिकांश कैशिंग प्लगइन्स में आलसी लोडिंग होती है। आलसी लोडिंग विकल्पों के लिए अपने कैशिंग प्लगइन की जाँच करें। इमेज ऑप्टिमाइजेशन प्लगइन्स में ज्यादातर आलसी लोडिंग विकल्प होते हैं।

इसके अलावा, यदि आप जेटपैक का उपयोग कर रहे हैं और स्वचालित रूप से अनुकूलित कर रहे हैं, तो उनके पास आलसी लोडिंग विकल्प हैं।

2. आलसी लोडिंग विकल्प सक्रिय करें

एक बार जब आप प्लगइन स्थापित कर लेते हैं, तो सुनिश्चित करें कि आप आलसी लोडिंग विकल्प को सक्रिय करते हैं। यदि आपके पास एक आलसी लोडिंग फ़ंक्शन वाला कैश प्लगइन है, तो सुनिश्चित करें कि आप उस विकल्प को सक्रिय करते हैं।

3. अपना कैश साफ़ करें।

एक बार आलसी लोडिंग सक्रिय हो जाने के बाद, अपना कैश साफ़ करें और बस इतना ही!

आप अपनी साइट का फिर से परीक्षण कर सकते हैं, चेतावनी चली जानी चाहिए!

ऑफस्क्रीन छवियों को स्थगित करें वर्डप्रेस प्लगइन

आस्थगित ऑफस्क्रीन इमेज प्लगइन्स आलसी लोडिंग प्लगइन्स के समान हैं। यहाँ कुछ नीचे दिए गए हैं:

1। जेटपैक

जेटपैक 5 मिलियन से अधिक सक्रिय इंस्टॉल के साथ सबसे लोकप्रिय वर्डप्रेस प्लगइन्स में से एक है। यदि आपके पास पहले से जेटपैक स्थापित है, तो आपको आलसी लोडिंग के लिए अतिरिक्त प्लगइन स्थापित करने की आवश्यकता नहीं है।

जेटपैक में बस आलसी लोडिंग को सक्रिय करें। सक्रिय करने के लिए जेटपैक सेटिंग्स पर जाएं, फिर प्रदर्शन टैब के नीचे, नीचे स्क्रॉल करें और आलसी लोडिंग को सक्षम करें।

2. स्वतः अनुकूलित करें

Autoptimize एक बहुत ही लोकप्रिय प्रदर्शन प्लगइन है। यदि आप Autoptimize का उपयोग कर रहे हैं, तो आलसी लोडिंग प्लगइन स्थापित करने की कोई आवश्यकता नहीं है क्योंकि Autooptimize में एक ही विशेषता है।

सेटिंग्स को ऑटोप्टिमाइज करें पर जाएं फिर इमेज टैब पर क्लिक करें और लेजी लोडिंग को इनेबल करें।

3। WP रॉकेट

WP रॉकेट सबसे लोकप्रिय प्रीमियम वर्डप्रेस कैशिंग प्लगइन है। यदि आप WP रॉकेट का उपयोग करते हैं, तो आपको किसी अन्य प्लगइन की आवश्यकता नहीं है, उनके पास आलसी लोडिंग सक्षम है।

WP रॉकेट सेटिंग्स में जाएं और फिर मीडिया पर क्लिक करें, वहां से आप आलसी लोडिंग को सक्षम कर सकते हैं।

4. लाइटस्पीड कैश

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

5. a3 आलसी भार

अगर आपको अकेले आलसी लोडिंग के लिए प्लगइन की आवश्यकता है तो a3 आलसी लोड उसके लिए एक अच्छा प्लगइन है। बस प्लगइन> नया जोड़ें पर जाएं। a3 आलसी लोड के लिए खोजें। स्थापित करें और सक्रिय करें। फिर प्लगइन सेटिंग्स में जाएं और आलसी लोडिंग को सक्रिय करें।

आम तौर पर, कुछ थीम, कुछ कैश प्लग इन और कुछ इमेज ऑप्टिमाइजेशन प्लगइन आलसी लोडिंग सुविधा के साथ आते हैं।

अक्सर पूछे जाने वाले प्रश्न