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