विज्ञापनों के लिए जगह रिज़र्व करना
लेआउट शिफ़्ट को कम करने के लिए, अपने पेज पर विज्ञापनों के लिए ज़रूरत के मुताबिक जगह खाली रखना ज़रूरी है. इस उदाहरण में, जगह रिज़र्व करने के अलग-अलग तरीकों और लेआउट की स्थिरता पर उनके असर के बारे में बताया गया है.
- कोई जगह रिज़र्व नहीं है: विज्ञापन स्लॉट कंटेनर के लिए कोई डाइमेंशन तय नहीं किया गया है. कंटेनर शुरू में छोटा होता है और विज्ञापन भरने पर बड़ा हो जाता है. इससे, उपयोगकर्ता को लेआउट शिफ़्ट दिखता है.
- स्पेस रिज़र्व है: विज्ञापन स्लॉट कंटेनर के लिए डाइमेंशन तय किए गए हैं. कंटेनर, पेज पर हमेशा एक तय जगह पर रहता है, ताकि लेआउट में बदलाव न हो. विज्ञापन लोड होने से पहले खाली जगह दिखती है.
- प्लेसहोल्डर के साथ रिज़र्व किया गया स्पेस: विज्ञापन स्लॉट कंटेनर के लिए डाइमेंशन तय किए जाते हैं. कंटेनर, पेज पर एक तय जगह पर रहता है, इसलिए लेआउट में बदलाव नहीं होता. सीएसएस का इस्तेमाल, खाली कंटेनर को स्टाइल करने के लिए किया जाता है, ताकि विज्ञापन लोड होने से पहले खाली जगह न दिखे.