Mynet अपनी साइट पर हर महीने 3.4 करोड़ से ज़्यादा लोगों को समाचार, वीडियो, गेमिंग, वित्तीय, सूचना, और मनोरंजन से जुड़ा कॉन्टेंट और सेवाएं उपलब्ध कराता है. कॉन्टेंट के लिए Accelerated Mobile Pages (एएमपी) का इस्तेमाल करने वाला प्रोग्रेसिव वेब ऐप्लिकेशन (PWA) लॉन्च करने के बाद, पेज लोड होने में लगने वाले औसत समय में चार गुना की कमी आई. इसके अलावा, Mynet की यूज़र ऐक्टिविटी में भी काफ़ी बढ़ोतरी हुई और उनकी मोबाइल साइट पर बिताए गए औसत समय में 43% की बढ़ोतरी हुई.
- हर लेख के पेज व्यू से 25% ज़्यादा रेवेन्यू
- 4 गुना तेज़ औसत पेज लोड होने की स्पीड
- साइट पर बिताया गया औसत समय 43% ज़्यादा रहा
- हर सेशन में 34% ज़्यादा पेज व्यू
- 24% कम बाउंस रेट
चैलेंज
उनका 85% से भी ज़्यादा मोबाइल ट्रैफ़िक मोबाइल वेब से आता है, ऐसे में Mynet की मोबाइल वेबसाइट उनकी रणनीति का एक ज़रूरी हिस्सा है. हालांकि, उन्होंने देखा कि उपयोगकर्ताओं ने अपने खास ऐप्लिकेशन के उपयोगकर्ताओं की तुलना में मोबाइल साइट पर दो गुना कम समय बिताया. जब Mynet ने अपनी मोबाइल साइट पर उपयोगकर्ता के व्यवहार का विश्लेषण किया, तो पता चला कि उनका मोबाइल वेब अनुभव बहुत धीमा था. Mynet को एक बेहद तेज़ और दिलचस्प मोबाइल वेबसाइट बनाने की ज़रूरत थी, जो कि किसी खास ऐप से हासिल की जा सकती थी.
समस्या का हल
ट्रैफ़िक और यूज़र ऐक्टिविटी को एक साथ बढ़ाने के लिए, Mynet ने एक PWA लॉन्च किया जो मोबाइल वेब पर ऐप्लिकेशन जैसा तेज़ अनुभव देने के लिए, एएमपी का इस्तेमाल करता है. इस सेटअप की मदद से, लेख के पेज पुरानी मोबाइल साइट के मुकाबले चार गुना तेज़ी से लोड होते हैं. इससे बाउंस रेट में 24% की कमी आई. Mynet ने देखा कि जब उपयोगकर्ताओं ने साइट पर 43% ज़्यादा समय खर्च करना शुरू किया, तब उन्होंने स्पीड और यूज़र ऐक्टिविटी के बीच भी संबंध देखा. उन्होंने यह भी देखा कि हर सेशन के हिसाब से पेज व्यू में 34% की बढ़ोतरी हुई. इन सभी को कई चरणों में पूरा किया गया:
एएमपी के साथ तेज़ी से शुरू करना
Mynet ने सबसे पहले अपने लेखों के लिए सहायता तैयार की. यह सुविधा एएमपी पेजों के तौर पर काम करती थी. इससे वे, Google पर खोज नतीजों में एएमपी कैरसेल में नतीजे दिखा पाते हैं. साथ ही, ये उपयोगकर्ताओं को मोबाइल वेब पर कॉन्टेंट ब्राउज़ करने के लिए बेहतरीन पेज-लोड परफ़ॉर्मेंस भी देते हैं, जो कि सीमित या अस्थिर नेटवर्क के लिए बहुत ज़रूरी है. स्टैंडअलोन एएमपी पेज लॉन्च करना उनके सीएमएस सिस्टम के साथ कोई बड़ी चुनौती नहीं थी. साथ ही, इनके लेखों को एएमपी पर लॉन्च करने में सिर्फ़ दो हफ़्ते लगे.
यह पक्का करने के लिए कि विज्ञापन जल्द से जल्द और बेहतर तरीके से दिखें, Mynet ने एएमपी विज्ञापन लॉन्च किए. ये विज्ञापन, स्टैंडर्ड विज्ञापनों के मुकाबले दोगुनी तेज़ी से लोड होते हैं. इनसे क्लिक मिलने की दर (सीटीआर) बढ़ती है और आय में 30% तक की बढ़ोतरी होती है.
PWA की मदद से, तेज़ और फिर से दिलचस्प बने रहें
इसके बाद, Mynet अपनी मोबाइल वेबसाइट को बेहतर बनाना चाहता था. इसलिए, उसने PWA टेक्नोलॉजी की मदद से, अपनी मोबाइल साइट का एक अलग बीटा वर्शन बनाया. उन्होंने अपनी साइट को कम से कम अपडेट करने के बजाय, इन टेक्नोलॉजी को ज़्यादा ऐप्लिकेशन जैसा, इमर्सिव उपयोगकर्ता अनुभव (UX) देने के लिए खोजा. खास तौर पर, उन्होंने नेटवर्क पर सही तरीके से काम न करने के लिए, सर्विस वर्कर की मदद ली. साथ ही, उपयोगकर्ता के मैसेज को “होम स्क्रीन पर जोड़ें” के साथ-साथ, री-एंगेजमेंट के लिए पुश नोटिफ़िकेशन की सुविधा का भी फ़ायदा उठाया. उन्होंने 95/100 के लाइटहाउस परफ़ॉर्मेंस स्कोर के साथ, सबसे बेहतरीन PWA बनाया. (Lighthouse अपने-आप काम करने वाला टूल है जिसकी मदद से उन वेब पेजों की क्वालिटी को बेहतर बनाया जा सकता है जिन्हें वेब पर मौजूद किसी भी पेज पर इस्तेमाल किया जा सकता है.)
एएमपी और PWA एक साथ बेहतर काम करते हैं
एएमपी और PWA को स्टैंडअलोन वर्शन के तौर पर टेस्ट करने और उनकी परफ़ॉर्मेंस को ऑप्टिमाइज़ करने के बाद, Mynet अपनी मोबाइल वेबसाइट के लिए एक यूनिफ़ाइड सलूशन बनाने के आखिरी चरण पर जाने के लिए तैयार था. अपने PWA में एएमपी कॉन्टेंट वाले पेजों को शामिल करने से, उनकी नई मोबाइल साइट में तेज़ी और इस्तेमाल में बढ़ोतरी हुई. एएमपी/PWA साइट लॉन्च होने के बाद, Mynet ने वेब-प्रोडक्शन वर्शन की संख्या कम कर दी. यह संख्या मोबाइल और डेस्कटॉप दोनों पर लागू हुई. कोड को बनाए रखने और उसमें सुधार करने के लिए, साइट को लागू करने की संख्या कम हो गई.
मिले-जुले एएमपी/PWA टूल का इस्तेमाल क्यों करना चाहिए? एएमपी, मोबाइल वेब पर पहले पेज के लोड होने की बेहतरीन परफ़ॉर्मेंस देता है, जबकि PWA, बार-बार होने वाली विज़िट को तेज़ और भरोसेमंद बनाता है. “होम स्क्रीन पर जोड़ें” प्रॉम्प्ट और पुश नोटिफ़िकेशन की मदद से, PWA की मदद से, साइटें उपयोगकर्ताओं का फिर से जुड़ाव बढ़ा पाती हैं. इस रणनीति की मदद से Mynet अपनी पहली या बार-बार आने वाली विज़िट पर अच्छी क्वालिटी का अनुभव दे पाता है. इससे कोई फ़र्क नहीं पड़ता कि नेटवर्क की स्थिति कैसी है.
Mynet की मोबाइल वेबसाइट के करीब 30% लोग iOS डिवाइस का इस्तेमाल करते हैं. iOS पर सर्विस वर्कर के लिए सहायता उपलब्ध न होने की वजह से, “होम स्क्रीन पर जोड़ें”, पुश नोटिफ़िकेशन, और ऑफ़लाइन कैश मेमोरी उपलब्ध न होने के बावजूद, Mynet ने हर सेशन के औसत पेज व्यू में 15% और iOS पर बाउंस रेट में 23% की कमी देखी. एएमपी पर आधारित PWA ने स्पीड और यूज़र इंटरफ़ेस (यूआई) में किए गए सुधारों की वजह से, इस में उपयोगकर्ताओं की दिलचस्पी बढ़ाई.
अपने PWA में एएमपी का इस्तेमाल करने से, हर लेख के पेज व्यू पर विज्ञापन से होने वाली आय में 25% की बढ़ोतरी होती है.
स्पीड पर फिर से ध्यान देने के साथ, हमने एएमपी को इंटिग्रेट करने और प्रोग्रेसिव वेब ऐप्लिकेशन बनाने का फ़ैसला किया. पेज छोड़ने वालों की संख्या को कम करने के लिए, एएमपी बहुत अहम था. अब एएमपी पेज चार गुना तेज़ी से लोड होते हैं. PWA बनाने से, हमें अपने ऐप्लिकेशन पर एक जैसी सुविधाएं मिली. साथ ही, अब उपयोगकर्ता हमारी साइट पर 43% ज़्यादा समय बिताते हैं और उनसे दोबारा जुड़ाव करते हैं.
एम॰ फ़ुएट सेकर , बिज़नेस डेवलपमेंट और प्रॉडक्ट ग्रुप मैनेजर, Mynet
अतिरिक्त नतीजे
- एएमपी विज्ञापनों की मदद से, कॉन्टेंट लोड होने में दोगुना समय लगता है
- एएमपी विज्ञापनों की मदद से 30% ज़्यादा सीटीआर और आय
- iOS पर हर सेशन के हिसाब से, पेज व्यू की औसत संख्या में 15% की बढ़ोतरी हुई
- iOS में 23% कम बाउंस रेट