आप WordPress site में lazy load images सेट करना चाहते हैं? यदि आप lazy load plugin का उपयोग करते है तो आपकी image loading तभी लोड होगी जब कोई user आपकी पेज को scrolls down करेगा। इन lazy load images को आपने कई websites पर देखा होगा। साथ ही साथ यह आपके Website page load time को भी Improve करता है।
इस आर्टिकल में, हम आपको lazy loading image को WordPress blog में कैसे setup किया जाता है इस बारे में बताएँगे।
WordPress में Lazy Load Images का उपयोग क्यों किया जाता है?
कोई भी visitor या reader slow websites पसंद नहीं करता है। और यदि विजिटर आपकी साईट पर आता है लेकिन आपकी website loading speed slow है तो वह तुरंत आपकी वेबसाइट से exit हो जायेगा। जिससे website SEO पर negative असर परता है और आपकी साईट की bounce rate बढ़ जाती है।
किसी भी चीज़ की तुलना में आपकी वेबसाइट पर image loading होने में अधिक समय लेती हैं। और यदि आप अपने आर्टिकल में बहुत सी images जोड़ते हैं, तो ये आपके page load time बढ़ा देता है।
इस स्थिति में एक तरीका है, अपनी साईट की Image Optimization और CDN service का उपयोग करना। और साथ ही साथ lazy load images plugin का भी जो आपके web page loading speed को बेहतर करने के लिए।
Lazy load images के लिए कैसे काम करता है?
आपकी सभी images को एक साथ लोड करने के बजाय lazy loading केवल उन छवियों को load करती है जो users के screen पर दिखाई देंगी। अर्थात जब कोई उपयोगकर्ता आपकी वेबसाइट पेज को scrolls down करता है तब यह lazyload आपकी website images को लोड करती है।
WordPress website में Lazy Load image की Setting करना
सबसे पहले आपको BJ Lazy Load plugin को install और activate करना होगा जो की एक best lazy load plugin wordpress site के लिए है। WordPress Plugin install करने के लिए हमारे इस गाइड को फॉलो कर सकते है।
Lazy load plugin को Activation करने के बाद, आपको प्लगइन का configuration करने के लिए Settings >> BJ Lazy Load page पर जाने की आवश्यकता है। जैसा कि आप स्क्रीनशॉट में देख सकते है।
आप lazy images को content, text widgets, post thumbnails, gravatars, images, और iframes पर Apply कर सकते हैं।
इस प्लग इन में आपको अपनी साईट में low resolution version image दिखाने का भी एक option मौजूद है। इस सुविधा का उपयोग करने के लिए, आपको image sizes को regenerate करना होगा।
अपनी सेटिंग्स को स्टोर करने के लिए ‘Save changes button‘ पर क्लिक करने के लिए ना भूलें। अब आप lazy loading प्रभाव को देखने के लिए अपनी वेबसाइट पर विजिट कर सकते हैं।
आप इस लेख से संबंधित किसी भी प्रकार के प्रश्न या सुझाव के लिए comment कर सकते हैं। यदि आप इस लेख को पसंद करते हैं, तो कृपया इसे twitter, Google+ and facebook पर share करना न भूले….
Leave a Reply