लेज़ी लोडिंग

लेज़ी लोडिंग शुरुआती पेज लोड पर केवल viewport में दिख रहे कंटेंट को लोड करके प्रदर्शन सुधारती है। पहली स्क्रीन के नीचे की इमेज हल्के placeholder के रूप में रहती हैं, और उपयोगकर्ता के उनके पास स्क्रॉल करने पर वास्तविक इमेज डाउनलोड शुरू होता है। HTML के loading='lazy' एट्रिब्यूट के माध्यम से नेटिव लेज़ी लोडिंग आधुनिक ब्राउज़र में समर्थित है और इसके लिए JavaScript की आवश्यकता नहीं होती। Intersection Observer API कस्टम implementation के लिए अधिक नियंत्रण देता है। पहली स्क्रीन में दिखने वाली hero images पर लेज़ी लोडिंग बंद रखनी चाहिए, क्योंकि Largest Contentful Paint को बेहतर रखने के लिए उन्हें तुरंत लोड होना चाहिए। बहुत आक्रामक लेज़ी लोडिंग, जो दिख रहे कंटेंट को भी देर से दिखाती है, perceived performance को नुकसान पहुँचाती है। सही संतुलन है: दिख रहा कंटेंट तुरंत लोड करें और बाकी सब बाद में लोड करें।