Lazy Loading इमेज—पेज लोड बेहतर करें 2026
नया2026-02-011 मिनट पढ़ें1 टूल
जरूरत होने पर ही इमेज लोड करें। इनिशियल लोड कम करें। डेवलपर के लिए गाइड।
Lazy Loading क्या है?
इमेज तभी लोड होती हैं जब व्यूपोर्ट में आती हैं। इनिशियल लोड टाइम और डेटा यूज कम होता है।
इम्प्लीमेंटेशन
img टैग में loading="lazy" जोड़ें। आधुनिक ब्राउज़र नेटिव सपोर्ट करते हैं। JavaScript जरूरी नहीं।
Frequently Asked Questions
- Lazy loading कैसे काम करती है?
- इमेज तभी लोड होती हैं जब यूजर स्क्रॉल करके उन तक पहुँचता है। img टैग में loading="lazy" जोड़ें—आधुनिक ब्राउज़र नेटिव सपोर्ट करते हैं। इनिशियल पेज लोड तेज़ होता है, डेटा बचता है। Core Web Vitals बेहतर होते हैं।
- क्या सभी इमेज पर lazy loading लगानी चाहिए?
- नहीं। ऊपर दिखने वाली इमेज (above the fold) पर lazy न लगाएं—वो LCP को प्रभावित करती हैं। नीचे वाली इमेज पर loading="lazy" उपयोग करें। हीरो इमेज और बैनर को तुरंत लोड होने दें।