Lazy Load not tested again

<!-- Add this script tag to the head section of your Blogger template -->

<script>

    function lazyLoad() {

        const elements = document.querySelectorAll('img[data-src], video[data-src]');

        

        elements.forEach(el => {

            if (el.tagName === 'IMG') {

                el.setAttribute('src', el.getAttribute('data-src'));

            } else if (el.tagName === 'VIDEO') {

                el.setAttribute('src', el.getAttribute('data-src'));

                el.load();

            }

            

            el.onload = () => {

                el.removeAttribute('data-src');

            };

        });

    }

    document.addEventListener('DOMContentLoaded', lazyLoad);

    window.addEventListener('scroll', lazyLoad);

    window.addEventListener('resize', lazyLoad);

</script>

<!-- Add this class to the images and videos that you want to lazy load -->

<img class="lazyload" data-src="your-image-url.jpg" alt="your-image-alt-text" />

<video class="lazyload" data-src="your-video-url.mp4" controls></video>

<!-- Add this script tag to the end of the body section of your Blogger template -->

<script src="https://cdn.jsdelivr.net/npm/lazysizes@5.3.2/lazysizes.min.js"></script>

 

THIS UPPER CODE WORKS FOR BOTH VIDEOS AND IMAGES

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