आज की डिजिटल दुनिया में, ऑनलाइन विज्ञापन मुफ़्त वेब का एक अहम हिस्सा है, जिसका हम सभी आनंद लेते हैं. हालांकि, विज्ञापनों को गलत तरीके से लागू करने से उपयोगकर्ताओं को ब्राउज़ करने का अनुभव धीमा हो सकता है और उपयोगकर्ताओं का जुड़ाव कम हो सकता है. पेज की स्पीड पर असर डाले बिना, विज्ञापनों को असरदार तरीके से लोड करने, उपयोगकर्ता को बेहतरीन अनुभव देने, और वेबसाइट के मालिकों के लिए आय के ज़्यादा से ज़्यादा अवसर उपलब्ध कराने के बारे में जानें.
वेबसाइटें, आय के मुख्य सोर्स के तौर पर ऑनलाइन विज्ञापन पर काफ़ी भरोसा करती हैं. हालांकि, कभी-कभी वेबसाइटों पर विज्ञापनों के दिखने से, उपयोगकर्ता अनुभव और पेज की पूरी परफ़ॉर्मेंस पर असर पड़ सकता है. इसलिए, वेबसाइट के मालिकों और विज्ञापन देने वालों के लिए, कमाई करने और विज्ञापन की परफ़ॉर्मेंस के साथ-साथ उपयोगकर्ता अनुभव के बीच संतुलन बनाना ज़रूरी है.
ऐसी वेबसाइट बनाने के बारे में सोचें जो ज़्यादा रेवेन्यू जनरेट करने के इरादे से, अपने कॉन्टेंट में बड़े पैमाने पर विज्ञापन शामिल करती हो. हालांकि, विज्ञापनों की ज़्यादा संख्या उपयोगकर्ताओं को निराश करती है. इस वजह से उपयोगकर्ताओं को खराब अनुभव मिलता है और बाउंस रेट ज़्यादा होते हैं. विज्ञापनों से अच्छी कमाई होने के बावजूद, साइट को बीच में छोड़ने से वेबसाइट की सफलता पर बहुत बुरा असर पड़ता है.
इसके अलावा, एक ऐसी वेबसाइट बनाने के बारे में सोचें जिसमें विज्ञापन न हों. बिना विज्ञापन वाला यह प्लैटफ़ॉर्म, तेज़ी से लोड होने और बेहतर ब्राउज़िंग अनुभव की वजह से, बड़ी संख्या में उपयोगकर्ताओं को अपनी तरफ़ आकर्षित करता है. हालांकि, कमाई करने की रणनीति बनाए बिना, वेबसाइट को रेवेन्यू जनरेट करने में परेशानी होती है. इस वजह से, लंबे समय तक कारोबार में टिके रहने और उसकी तरक्की में रुकावट आ सकती है.
दोनों ही स्थितियों में, कमाई करने, उपयोगकर्ताओं, और परफ़ॉर्मेंस के बीच संतुलन बनाए रखने की अहमियत दिखाई गई है.
वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी का इस्तेमाल करना
विज्ञापन लोड करने के लिए, वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी को हासिल करना ज़रूरी है. इससे पेज लोड होने की स्पीड पर कोई बुरा असर नहीं पड़ता. वेबसाइट की परफ़ॉर्मेंस की जानकारी में, उपयोगकर्ता अनुभव से जुड़ी ऐसी मेट्रिक शामिल होती हैं जिनसे आपकी वेबसाइट पर उपयोगकर्ता अनुभव की क्वालिटी का आकलन किया जाता है. इन मेट्रिक में, सबसे बड़े कॉन्टेंटफ़ुल पेंट (एलसीपी), कुल लेआउट शिफ़्ट (सीएलएस), और इंटरैक्शन टू नेक्स्ट पेंट (आईएनपी) जैसी मेट्रिक शामिल हैं.
सबसे बड़ा कॉन्टेंटफ़ुल पेंट (एलसीपी)
एलसीपी को ऑप्टिमाइज़ करने पर ध्यान देना बहुत ज़रूरी है, क्योंकि यह मेट्रिक उस समय का आकलन करती है जो सबसे बड़े कॉन्टेंटफ़ुल एलिमेंट को व्यूपोर्ट में दिखने में लगता है. विज्ञापन के कॉन्टेंट के लोड होने में लगने वाले समय को कम करके और एसिंक्रोनस लोड होने की तकनीकों को प्राथमिकता देकर, वेबसाइट के मालिक एलसीपी को कम कर सकते हैं. साथ ही, पेज पर सबसे अहम कॉन्टेंटफ़ुल एलिमेंट का रेंडरिंग टाइम कम कर सकते हैं.
इंटरैक्शन टू नेक्स्ट पेंट (आईएनपी)
दूसरा, रिस्पॉन्सिव उपयोगकर्ता अनुभव के लिए आईएनपी को बेहतर बनाना ज़रूरी है. INP, किसी पेज पर पूरे समय तक हर क्लिक, टैप, और कीबोर्ड इंटरैक्शन के लिए, इंतज़ार के समय को मापता है. आम तौर पर, नतीजे में मिलने वाला मान वह इंटरैक्शन होता है जिसे पूरा होने में सबसे ज़्यादा समय लगता है. साथ ही, इससे यह पता चलता है कि पेज की उपयोगकर्ता इंटरैक्शन पर तुरंत प्रतिक्रिया देने की पूरी क्षमता क्या है.
उपयोगकर्ता के इंटरैक्शन को देर से करने वाले विज्ञापन, आईएनपी पर बुरा असर डालते हैं. इसकी वजह से, लोगों को ऐसे अनुभव देने में निराशा हो सकती है जो सुस्ती महसूस करते हैं या बेहद गंभीर मामलों में पूरी तरह से काम नहीं करते. विज्ञापनों के लिए लेज़ी लोडिंग लागू करने और ग़ैर-ज़रूरी JavaScript के एक्ज़ीक्यूशन को रोकने से, पेज की आईएनपी कम हो सकती है. इससे पेज का रिस्पॉन्स बेहतर होता है.
कुल लेआउट शिफ़्ट (सीएलएस)
आखिर में, सीएलएस, पेज लोड होने के दौरान होने वाले अनचाहे लेआउट शिफ़्ट को मेज़र करता है. डाइनैमिक तौर पर लोड होने वाले या साइज़ बदलने वाले विज्ञापनों की वजह से, लेआउट में गड़बड़ी हो सकती है. इससे, उपयोगकर्ताओं को खराब अनुभव मिल सकता है. इनमें, उपयोगकर्ता पेज पर अपनी साइट की स्थिति को ठीक से नहीं देख पाते या फिर अनजाने में लेआउट में बदलाव की वजह से गलती से गलत एलिमेंट पर टैप कर देते हैं. इसे कम करने के लिए, वेबसाइट के मालिकों को सीएलएस को ऑप्टिमाइज़ करना चाहिए, ताकि यह पक्का किया जा सके कि विज्ञापनों के लेआउट में बदलाव न हो पाए. साथ ही, कॉन्टेंट के अचानक रीफ़्लो से बचने के लिए, विज्ञापन के साइज़ को ऑप्टिमाइज़ करना चाहिए.
अपने वेबपेज को कॉन्टेंट के अलग-अलग हिस्सों में व्यवस्थित करना
सीएसएस content-visibility:
प्रॉपर्टी का इस्तेमाल करने के साथ-साथ अपने वेब पेज को टेक्स्ट, इमेज, और विज्ञापन कॉन्टेंट, दोनों के लिए कॉन्टेंट ब्लॉक के साथ स्ट्रक्चर करने से, आधुनिक ब्राउज़र में रेंडरिंग में लगने वाला कुल समय काफ़ी बेहतर हो सकता है.
इन कॉन्टेंट ब्लॉक में, content-visibility:
प्रॉपर्टी को रणनीति के तहत लागू करके, टेक्स्ट, इमेज, और विज्ञापन कॉन्टेंट के लिए रेंडरिंग की प्रोसेस को ऑप्टिमाइज़ किया जा सकता है. इससे यह पक्का होता है कि सिर्फ़ व्यूपोर्ट में मौजूद कॉन्टेंट को पूरी तरह से रेंडर किया जाता है. इससे, शुरुआत में पेज तेज़ी से लोड होता है और उपयोगकर्ता के साथ आसानी से इंटरैक्ट किया जा सकता है. परफ़ॉर्मेंस को बेहतर बनाने की यह सुविधा, खास तौर पर लंबे समय तक चलने वाले या कई विज्ञापनों वाले पेजों के लिए अहम होती है.
महत्वपूर्ण विज्ञापन स्लॉट को प्राथमिकता दें
सभी विज्ञापन स्लॉट समान नहीं होते. उदाहरण के लिए, विज्ञापन दिखने और कमाई करने के लिहाज़ से, पेज के ऊपरी हिस्से पर मौजूद विज्ञापन स्लॉट, आम तौर पर फ़ोल्ड के नीचे मौजूद विज्ञापन स्लॉट की तुलना में ज़्यादा काम के होते हैं. ऐसा इसलिए होता है, क्योंकि उपयोगकर्ताओं को पेज के ऊपरी हिस्से पर दिखने वाले विज्ञापन ज़्यादा दिखते हैं, क्योंकि वे पहले व्यूपोर्ट में स्क्रोल किए बिना दिखते हैं. जब उपयोगकर्ता पेज को देखने के लिए काफ़ी नीचे तक स्क्रोल करता है, तब वेबसाइट में फ़ोल्ड के नीचे विज्ञापन दिखने लगते हैं.
वेबसाइट में फ़ोल्ड के ऊपर दिखने वाले विज्ञापन
!['पेज के ऊपरी हिस्से' विज्ञापन कॉन्सेप्ट को विज़ुअल तरीके से दिखाने की सुविधा.](https://web.dev/static/articles/loading-ads-page-speed/image/fig-3.png?authuser=6&hl=hi)
फ़ोल्ड वाले विज्ञापन स्लॉट के ऊपर वेबपेज का वह हिस्सा होता है जो बिना स्क्रोल किए दिखता है. डिजिटल विज्ञापन में ये काफ़ी अहम होते हैं. ये प्राइम प्लेसमेंट कई वजहों से अहम माने जाते हैं:
- वेबपेज के ऊपर रखे गए विज्ञापन, वेबपेज लोड करते ही उपयोगकर्ताओं को तुरंत दिखने लगते हैं. उपयोगकर्ताओं के इन विज्ञापनों पर ध्यान देने और उनमें दिलचस्पी दिखाने की संभावना ज़्यादा होती है. इससे क्लिक मिलने की दर (सीटीआर) बढ़ती है.
- विज्ञापन देने वाले लोग या कंपनियां, अक्सर वेबपेज के ऊपरी हिस्से को सबसे अहम रीयल एस्टेट मानते हैं. यह उपयोगकर्ताओं को सबसे पहला इंप्रेशन तब मिलता है, जब वे किसी साइट पर जाते हैं. यही वजह है कि असरदार और प्रीमियम विज्ञापनों को दिखाने के लिए, यह साइट काफ़ी अहम है.
- पेज के ऊपरी हिस्से पर मौजूद विज्ञापनों के दिखने की दर सबसे ज़्यादा होती है. ऐसा इसलिए, क्योंकि ये उपयोगकर्ता के सामने सीधे तौर पर नज़र आते हैं. इससे यह पक्का होता है कि पेज पर आने वाले ज़्यादातर उपयोगकर्ताओं को नीचे स्क्रोल किए बिना ये विज्ञापन दिखेंगे.
हालांकि, शुरुआती व्यू में फ़ोल्ड के ऊपर वाले विज्ञापन स्लॉट का इस्तेमाल करते समय, कमाई करने और उपयोगकर्ता अनुभव के बीच संतुलन बनाना ज़रूरी है. ध्यान देने वाली कुछ ज़रूरी बातें यहां दी गई हैं.
- पहली स्क्रीन वाले विज्ञापन स्लॉट, उपयोगकर्ता के शुरुआती व्यूपोर्ट में जल्द से जल्द लोड होने चाहिए. धीमे लोड होने वाले विज्ञापन, उपयोगकर्ता अनुभव पर बुरा असर डाल सकते हैं और बाउंस रेट बढ़ा सकते हैं. उपयोगकर्ताओं और ब्राउज़िंग के अनुभव को बेहतर बनाए रखने के लिए, विज्ञापन लोड होने के समय को ऑप्टिमाइज़ करना ज़रूरी है.
- हालांकि, फ़ोल्ड के ऊपर वाले विज्ञापन प्लेसमेंट फ़ायदेमंद होते हैं, लेकिन इस प्राइम स्पेस में बहुत ज़्यादा विज्ञापन न डालें. बहुत ज़्यादा विज्ञापनों की वजह से, पेज पर बहुत ज़्यादा विज्ञापन दिखते हैं. साथ ही, कॉन्टेंट को पढ़ने में परेशानी होती है और उपयोगकर्ता अनुभव खराब होता है. कमाई करने के बीच संतुलन बनाने की कोशिश करें और साफ़-सुथरा और उपयोगकर्ता के लिए आसान लेआउट बनाए रखें.
- पक्का करें कि पेज के ऊपरी हिस्से पर मौजूद विज्ञापन स्लॉट अलग-अलग स्क्रीन साइज़ और डिवाइस के साथ काम करते हों. रिस्पॉन्सिव डिज़ाइन के तरीकों की मदद से, एक जैसा और दिखने में आकर्षक लेआउट बनाए रखा जा सकता है. इस बात से कोई फ़र्क़ नहीं पड़ता कि उपयोगकर्ता की स्क्रीन का साइज़ क्या है.
वेबसाइट में फ़ोल्ड के नीचे दिखने वाले विज्ञापन
![विज्ञापन के कॉन्सेप्ट को विज़ुअल के रूप में 'पेज के नीचे' दिखाने के लिए.](https://web.dev/static/articles/loading-ads-page-speed/image/fig-4.png?authuser=6&hl=hi)
फ़ोल्ड वाले विज्ञापन स्लॉट के नीचे—यानी, किसी वेबपेज के उस हिस्से पर डाले जाने वाले विज्ञापन जो सिर्फ़ नीचे स्क्रोल करने के बाद दिखते हैं—डिजिटल विज्ञापन की दुनिया में भी काफ़ी अहम होते हैं. ये प्लेसमेंट विशेष लाभ देते हैं जो तह के ऊपर के प्लेसमेंट को पूरा करते हैं.
वेबसाइट में फ़ोल्ड के नीचे मौजूद विज्ञापनों को उन लोगों से फ़ायदा मिलता है जो ज़्यादा कॉन्टेंट देखने के लिए नीचे की ओर स्क्रोल करते हैं. ये प्लेसमेंट, दिलचस्पी दिखाने वाले उन उपयोगकर्ताओं का ध्यान खींचते हैं जो ज़्यादा जानकारी पाना चाहते हैं. इससे ये उन ब्रैंड के लिए अहम हो जाते हैं जो ज़्यादा मुश्किल मैसेज या खबरें देना चाहते हैं.
- शुरू में न दिखने वाले विज्ञापन स्लॉट, बगल में मौजूद कॉन्टेंट के साथ अलाइन हो सकते हैं. इससे, कॉन्टेंट के हिसाब से काम का अवसर मिलता है. इस अलाइनमेंट से उपयोगकर्ताओं का जुड़ाव बढ़ सकता है, क्योंकि उन्हें ऐसे कॉन्टेंट से मिलते-जुलते विज्ञापन मिलते हैं जिन्हें वे एक्सप्लोर कर रहे हैं.
- सोच-समझकर डिज़ाइन किए गए पेज में फ़ोल्ड के नीचे दिखने वाले विज्ञापन, आस-पास के कॉन्टेंट के साथ आसानी से इंटिग्रेट हो जाते हैं. इससे उपयोगकर्ताओं को किसी तरह की परेशानी नहीं होती. इस इंटिग्रेशन को नेटिव विज्ञापन भी कहा जाता है. इससे, उपयोगकर्ताओं के अनुभव को एक जैसा बनाया जा सकता है.
- स्क्रोल करने की ज़रूरत वाले विज्ञापन प्लेसमेंट, क्रिएटिव डिज़ाइन और फ़ॉर्मैट में अपने हिसाब से बदलाव करते हैं. साथ ही, इनमें जगह और एक्सपेरिमेंट करने की आज़ादी भी होती है. वीडियो विज्ञापन, इंटरैक्टिव एलिमेंट, और बड़ी इमेज को लेज़ी लोड किया जा सकता है, ताकि उपयोगकर्ताओं का अनुभव खराब किए बिना उनका ध्यान खींचा जा सके.
हालांकि, वेबसाइट में फ़ोल्ड के नीचे मौजूद विज्ञापन प्लेसमेंट के लिए इन बातों का ध्यान रखना चाहिए:
- हालांकि, फ़ोल्ड के नीचे वाले विज्ञापन प्लेसमेंट असरदार हो सकते हैं, लेकिन यह पक्का करना ज़रूरी है कि उपयोगकर्ताओं को स्क्रोल करने के लिए प्रेरित किया जाए. विज़ुअल संकेत या कॉन्टेंट टीज़र लागू करने से, उपयोगकर्ताओं को ज़्यादा जानने के लिए बढ़ावा मिलता है. इससे, विज्ञापन दिखने की संभावना बढ़ जाती है.
- वेबसाइट में फ़ोल्ड के नीचे विज्ञापनों की प्लेसमेंट करने से, कॉन्टेंट की क्वालिटी या पढ़ने में आसानी होनी चाहिए. विज्ञापनों और कॉन्टेंट के बीच संतुलन बनाए रखना, ताकि उपयोगकर्ताओं को विज्ञापनों पर एक ज़्यादा दबाव न डाला जाए और लोगों को अच्छा अनुभव मिले.
- फ़ोल्ड के ऊपर वाले विज्ञापन प्लेसमेंट के उलट, हो सकता है कि फ़ोल्ड के नीचे विज्ञापनों को तुरंत लोड करने की ज़रूरत न पड़े. विज्ञापनों को तब तक लोड न होने दें, जब तक कि वे उपयोगकर्ता के व्यूपोर्ट में जाने के करीब न पहुंच जाएं, इससे पेज लोड होने की स्पीड बढ़ सकती है. साथ ही, पेज को रेंडर होने में लगने वाले शुरुआती समय को कम किया जा सकता है.
सोच-समझकर इस्तेमाल किए जाने पर, वेबसाइट में फ़ोल्ड के नीचे वाले विज्ञापन बेहतर तरीके से काम कर सकते हैं. साथ ही, इनसे क्रिएटिव विज्ञापन फ़ॉर्मैट और कॉन्टेक्स्ट के हिसाब से काम के लिए एक प्लैटफ़ॉर्म मिलता है. हालांकि, उपयोगकर्ताओं को बेहतर अनुभव देने के लिए, इन चीज़ों पर ध्यान दिया जाता है: विज़िबिलिटी ऑप्टिमाइज़ करना, कॉन्टेंट के बीच संतुलन बनाना, और विज्ञापन लोड होने के समय को मैनेज करना.
Google पब्लिशर टैग (GPT) के सबसे सही तरीके:
- सबसे सही सामान्य तरीके
- विज्ञापन दिखाने के सबसे सही तरीके
- लेआउट शिफ़्ट को छोटा करना
- परफ़ॉर्मेंस को मॉनिटर करना
- लागू करने में होने वाली आम गलतियों से बचना
जहां उचित हो वहां लेज़ी लोड विज्ञापन
![लेज़ी लोडिंग और बिना लेज़ी लोडिंग वाले रिसॉर्स का विज़ुअलाइज़ेशन. जब रिसॉर्स लेज़ी लोड होते हैं, तो पेज लोड होने के दौरान बैंडविथ सेव रहता है. साथ ही, संसाधन उस समय तक टाल दिए जाते हैं जहां से उपयोगकर्ता उन्हें देखना चाहता है.](https://web.dev/static/articles/loading-ads-page-speed/image/fig-5.png?authuser=6&hl=hi)
लेज़ी लोडिंग ऐसी तकनीक है जो गैर-ज़रूरी संसाधनों को तब तक लोड करने से रोकती है, जब तक उनकी ज़रूरत नहीं पड़ती. तुरंत न दिखने वाले विज्ञापनों (यानी, वेबसाइट में फ़ोल्ड के नीचे विज्ञापन) के लिए लेज़ी लोडिंग लागू करने से यह पक्का होता है कि वे सिर्फ़ तब लोड होते हैं, जब उन्हें इस्तेमाल किया जाता है. इससे बैंडविथ का संरक्षण और पेज की कुल स्पीड बेहतर होती है. ब्राउज़र में अब सामान्य loading=lazy
एट्रिब्यूट वाले iframe के लिए, नेटिव लेज़ी लोडिंग शामिल है.
लेज़ी लोडिंग को लागू करने से, विज्ञापनों को डाइनैमिक तौर पर तब फ़ेच किया जाता है, जब वे उपयोगकर्ता के व्यूपोर्ट में जाने वाले होते हैं. इससे पेज की लाइफ़साइकल के उस अहम हिस्से में, मुख्य थ्रेड पर लोड होने में लगने वाला शुरुआती समय और टोटल ब्लॉकिंग टाइम (टीबीटी) (यह आईएनपी से बहुत ज़्यादा जुड़ा हुआ होता है) कम हो जाता है. इससे उपयोगकर्ता अनुभव पर बुरा असर कम होता है.
पेज को रीफ़्रेश किए बिना विज्ञापनों को रीफ़्रेश करें
![पेज पर रीफ़्रेश होने वाले विज्ञापनों का विज़ुअलाइज़ेशन, जिसमें टॉप-लेवल पेज को रीफ़्रेश नहीं किया जाता.](https://web.dev/static/articles/loading-ads-page-speed/image/fig-6.gif?authuser=6&hl=hi)
विज्ञापन लोड करने के साथ-साथ पेज की परफ़ॉर्मेंस के बीच संतुलन बनाने का एक और तरीका यह है कि पूरे पेज को फिर से लोड किए बिना हर 30 से 240 सेकंड1 में विज्ञापनों को रीफ़्रेश किया जाए. इसकी मदद से, विज्ञापन के कॉन्टेंट को डाइनैमिक तौर पर अपडेट किया जा सकता है. इससे, उपयोगकर्ता के ब्राउज़िंग अनुभव में कोई रुकावट नहीं आती और कोई देरी नहीं होती.
मोबाइल ऐप्लिकेशन पर, मौजूदा वेब व्यू में विज्ञापनों को रीफ़्रेश करने से पूरा पेज फिर से लोड करने या वेबव्यू को फिर से बनाने की तुलना में बेहतर परफ़ॉर्मेंस मिलती है. इसकी वजह यह है कि यह डेटा और रिसॉर्स को फिर से बनाने में कम से कम काम करता है. इससे कॉन्टेंट अपडेट ज़्यादा तेज़ी से होता है और उपयोगकर्ता को बेहतर अनुभव मिलता है.
विज्ञापनों को एसिंक्रोनस तरीके से रीफ़्रेश करके, वेबसाइट के मालिक पेज के कॉन्टेंट को बरकरार रख सकते हैं. साथ ही, विज्ञापन के कॉन्टेंट को रीयल टाइम में और सही जगह पर अपडेट करते रहते हैं. इससे न सिर्फ़ पेज लोड होने की स्पीड बेहतर होती है, बल्कि पूरा पेज फिर से लोड करने की ज़रूरत नहीं होती. साथ ही, यह भी पक्का होता है कि डिसप्ले विज्ञापन काम के और दिलचस्प बने रहें. इस तकनीक की मदद से वेबसाइट के मालिक, कमाई करने और परफ़ॉर्मेंस के बीच संतुलन बना सकते हैं. साथ ही, विज्ञापन का कॉन्टेंट सही समय पर डिलीवर कर सकते हैं और दिलचस्प बन सकते हैं. साथ ही, उपयोगकर्ता अनुभव पर पड़ने वाले बुरे असर को कम कर सकते हैं.
विज्ञापन स्लॉट को रीफ़्रेश करना खास तौर पर उन पेजों पर अहम होता है जिन पर उपयोगकर्ता लंबे समय तक रुकते हैं. जैसे, रेसिपी पेज, 'खुद करके देखें' ट्यूटोरियल या कॉन्टेंट से जुड़ी दूसरी वेबसाइटें. उदाहरण के लिए, 'खुद करके देखें' कैटगरी वाले ऐसे पेज पर उपयोगकर्ता अनुभव और विज्ञापन से मिलने वाला रेवेन्यू, दोनों को बेहतर बनाया जा सकता है. 'खुद करके देखें' कैटगरी वाले पेज पर, ट्यूटोरियल देखते हुए काफ़ी समय बिताया जा सकता है. साथ ही, ब्रेक के दौरान रणनीति के मुताबिक विज्ञापन स्लॉट को रीफ़्रेश किया जा सकता है या इमेज गैलरी देखी जा सकती है. इसी तरह रेसिपी पेज पर, विज्ञापन स्लॉट को तब रीफ़्रेश करने से जब उपयोगकर्ता सामग्री की सूची या निर्देशों को स्क्रोल कर लेते हैं, तब विज्ञापन के स्लॉट में भी उपयोगकर्ता की दिलचस्पी बनी रहती है.
एसिंक्रोनस लोडिंग को प्राथमिकता दें
विज्ञापन दिखाते समय, पेज स्पीड को बेहतर बनाने की सबसे असरदार रणनीतियों में से एक है, एसिंक्रोनस लोडिंग. एसिंक्रोनस लोडिंग, विज्ञापनों को मुख्य वेब पेज के कॉन्टेंट से अलग लोड करती है. इससे पेज, विज्ञापनों के पूरी तरह लोड होने का इंतज़ार किए बिना, रेंडरिंग जारी रखता है और इंटरैक्टिव बन जाता है. इससे, कॉन्टेंट लोड होने में लगने वाला अनुमानित समय काफ़ी कम हो जाता है और उपयोगकर्ता का अनुभव बेहतर होता है.
स्क्रिप्ट टैग की परिभाषा में async
एट्रिब्यूट शामिल करें. उदाहरण के लिए:
AdSense:
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
AdSense (अपने-आप चलने वाले विज्ञापन):
<script async data-ad-client="ca-pub-xxxxxxxxxxxxxxxx" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
Google पब्लिशर टैग:
<script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script>
विज्ञापन आकार, स्थिति और प्रारूप अनुकूलित करें
![अलग-अलग व्यूपोर्ट साइज़ के डिवाइस का इलस्ट्रेशन, जिसमें विज्ञापन प्लेसमेंट को हरे बॉक्स की शैली में बनाया गया है. हर विज्ञापन प्लेसमेंट में 'विज्ञापन' लिखा हुआ है.](https://web.dev/static/articles/loading-ads-page-speed/image/fig-7.png?authuser=6&hl=hi)
विज्ञापनों के साइज़, पोज़िशन, और फ़ॉर्मैट का पेज की स्पीड पर काफ़ी असर पड़ता है. बड़े विज्ञापन साइज़ों की वजह से पेज लोड होना धीमा हो सकता है, जिससे उपयोगकर्ता हताश हो जाते हैं. इसे कम करने के लिए, वेबसाइट के मालिकों को विज्ञापन देने वालों के साथ मिलकर विज्ञापन के साइज़ और फ़ॉर्मैट को ऑप्टिमाइज़ करना होगा. कंप्रेस की गई इमेज के फ़ॉर्मैट और बेहतर विज्ञापन क्रिएटिव डिज़ाइन के इस्तेमाल को बढ़ावा देने से, विज़ुअल क्वालिटी से समझौता किए बिना फ़ाइल साइज़ को कम करने में मदद मिलती है. ये ऑप्टिमाइज़ेशन न सिर्फ़ पेज स्पीड को बेहतर बनाते हैं, बल्कि सीमित बैंडविड्थ वाले उपयोगकर्ताओं के लिए डेटा के इस्तेमाल को भी कम करते हैं.
बेहतर विज्ञापन मानक
विज्ञापन दिखाने के लिए, Better Ads Standard का पालन करना ज़रूरी है. ऐसा करने से, तंग करने वाले और परेशान करने वाले विज्ञापन फ़ॉर्मैट कम होते हैं. साथ ही, विज्ञापन दिखने की स्थिति और पेज लोड होने में लगने वाले समय पर भी असर पड़ता है. इससे उपयोगकर्ता अनुभव बेहतर होता है.
इन मानकों का पालन करके, विज्ञापनों को ऐसी स्थितियों में दिखाए जाने की संभावना ज़्यादा होती है जो कम रुकावट पैदा करने वाली और रुकावट पैदा करने वाली नहीं होती हैं. इससे उपयोगकर्ता का जुड़ाव और क्लिक-थ्रू दर बढ़ सकती है.
साथ ही, इन दिशा-निर्देशों का पालन करने से पेज लोड होने की स्पीड तेज़ हो सकती है, क्योंकि हल्के और कम रिसॉर्स वाले विज्ञापन फ़ॉर्मैट इस्तेमाल किए जाते हैं. इससे वेबसाइट की परफ़ॉर्मेंस बेहतर होती है और उपयोगकर्ता ज़्यादा खुश रहता है.
विज्ञापन नेटवर्क कंपनियों और सेवा देने वाली कंपनियों का रणनीतिक मूल्यांकन
परफ़ॉर्मेंस के मामले में, सभी विज्ञापन नेटवर्क कंपनियां और विज्ञापन देने वाली कंपनियां एक जैसी नहीं होती हैं. पेज स्पीड को बेहतर बनाने के लिए, वेबसाइट के मालिकों को अलग-अलग विज्ञापन नेटवर्क कंपनियों, हेडर बिडिंग को लागू करना, और सेवा देने वाली कंपनियों की परफ़ॉर्मेंस का बारीकी से आकलन करना चाहिए.
उन कंपनियों के साथ साझेदारी करके पेज को बेहतर बनाया जा सकता है जो पेज की परफ़ॉर्मेंस को बेहतर बनाती हैं. साथ ही, कम समय में विज्ञापन के कॉन्टेंट को बेहतर तरीके से डिलीवर करने का ट्रैक रिकॉर्ड भी होती हैं.
नतीजा
कमाई करने और परफ़ॉर्मेंस के बीच संतुलन बनाना बेहद ज़रूरी होता है. ऐसा वेबसाइट के मालिकों के लिए ज़रूरी होता है जो ऑनलाइन विज्ञापन के ज़रिए ज़्यादा से ज़्यादा कमाई करने के साथ-साथ उपयोगकर्ताओं को बेहतरीन अनुभव देना चाहते हैं.
वेबसाइट के मालिक, पेज की परफ़ॉर्मेंस से समझौता किए बिना, विज्ञापन लोड करने में आने वाली चुनौतियों का सामना कर सकते हैं. इसके लिए, वे एसिंक्रोनस लोडिंग, लेज़ी लोडिंग, विज्ञापन फ़ॉर्मैट और साइज़ को ऑप्टिमाइज़ करने, इंटेलिजेंट कैश मेमोरी का इस्तेमाल, विज्ञापन नेटवर्क का सावधानी से आकलन करने, और हेडर बिडिंग की सुविधा देने वाली कंपनियों का इस्तेमाल करते हैं. विज्ञापनों को बेहतर तरीके से डिलीवर करने पर प्राथमिकता देने से, उपयोगकर्ताओं को अलग-अलग स्तर पर अलग-अलग कैटगरी में बांटा जा सकता है, यूज़र ऐक्टिविटी बढ़ाई जा सकती है, और रेवेन्यू जनरेट किया जा सकता है.
फ़ुटनोट
- विज्ञापन सर्वर पर पाबंदियां और ज़रूरी शर्तें लागू हो सकती हैं. उदाहरण के लिए, Ad Manager के लिए ज़रूरी है कि पब्लिशर, यूज़र इंटरफ़ेस (यूआई) में रीफ़्रेश होने वाली अपनी इन्वेंट्री की जानकारी दें. कुछ खरीदारों को 240 सेकंड से ज़्यादा या उसके बराबर की जानकारी को रीफ़्रेश करने की ज़रूरत होती है. आम तौर पर, रीफ़्रेश करने के बीच जितना ज़्यादा इंटरवल होगा, आपकी इन्वेंट्री से खरीदारों को उतना ही ज़्यादा पसंद आएगा. ज़्यादा पढ़ें