JD.ID, कैश मेमोरी में सेव करने की रणनीतियों, इंस्टॉलेशन, और पुश नोटिफ़िकेशन की मदद से, अपने मोबाइल कन्वर्ज़न रेट को 53% बेहतर बनाता है

JD.ID ने किस तरह अपने मोबाइल कन्वर्ज़न रेट (mCVR) में 53%, इंस्टॉल करने वाले उपयोगकर्ताओं के लिए mCVR में 200%, और हर दिन के सक्रिय उपयोगकर्ताओं में 26% की बढ़ोतरी की है.

JD.ID इंडोनेशिया का एक ई-कॉमर्स प्लैटफ़ॉर्म है. यह कई तरह के प्रॉडक्ट के लिए सेवाएं उपलब्ध कराता है. इनमें इलेक्ट्रॉनिक डिवाइस, घरेलू उपकरण, कपड़े, फ़ैशन ऐक्सेसरी, और खेल-कूद से जुड़े प्रॉडक्ट शामिल हैं. फ़िलहाल, JD.ID, इंडोनेशिया के 350 से ज़्यादा शहरों में काम कर रहा है. इसलिए, वह अपने प्रोग्रेसिव वेब ऐप्लिकेशन (PWA) की परफ़ॉर्मेंस और मज़बूत नेटवर्क-स्वतंत्र अनुभव पर ध्यान देकर, अपनी ऑनलाइन मौजूदगी को और बढ़ाना चाहता था. इस बेहतर अनुभव से, JD.ID ने अपने मोबाइल कन्वर्ज़न रेट (mCVR) में 53%, इंस्टॉल किए गए उपयोगकर्ताओं के लिए mCVR और इंस्टॉल किए गए उपयोगकर्ताओं के लिए हर दिन के सक्रिय उपयोगकर्ताओं में 26% की बढ़ोतरी की है. इस वजह से, JD.ID देश की सबसे लोकप्रिय और भरोसेमंद ई-कॉमर्स कंपनी बन गया है.

JD.ID PWA इंस्टॉल करने के स्क्रीनशॉट

अवसर को हाइलाइट करना

इंडोनेशिया में ऑपरेटर की संख्या बहुत ज़्यादा होने की वजह से, खराब हो रहे मोबाइल नेटवर्क से उबरने के लिए, JD.ID एक ऐसे समाधान की तलाश कर रहा था जिसकी मदद से उसकी वेबसाइट और उपयोगकर्ता अनुभव हमेशा बेहतर परफ़ॉर्म कर सके. साथ ही, कैश मेमोरी में सेव होने वाली किसी भी समस्या का हल हो. इसने उसकी वेबसाइट पर आने वाले लोगों से बड़ी संख्या में उपयोगकर्ता हासिल करने की कोशिश की. इन लोगों ने iOS/Android ऐप्लिकेशन डाउनलोड नहीं किया था. इस मौके का फ़ायदा लेने के लिए, इसने PWA के सबसे सही तरीकों का इस्तेमाल किया, ताकि यूज़र ऐक्टिविटी बढ़ाने के लिए, वेबसाइट पर ऐप्लिकेशन जैसा UX बनाया जा सके. साथ ही, निर्भरता के लिए नेटवर्क के हिसाब से काम करने पर ध्यान दिया गया हो.

यह तरीका अपनाया

कैश मेमोरी में सेव करने की रणनीतियां

नेटवर्क की समस्याओं को कम करने और उपयोगकर्ता अनुभव को बेहतर बनाने के लिए, JD.ID टीम ने Workbox का इस्तेमाल किया, ताकि यह पक्का किया जा सके कि उपयोगकर्ता के ऑफ़लाइन या खराब नेटवर्क पर होने पर भी उसके PWA की परफ़ॉर्मेंस अच्छी रही. वर्कबॉक्स से PWA को कैश मेमोरी में सेव करने की रणनीति को लागू करना आसान हो गया है. इसमें तीन हिस्से होते हैं:

  • नेटवर्क सबसे पहले, कैश मेमोरी पर वापस जाना: इस रणनीति का मकसद सबसे पहले नेटवर्क से रिस्पॉन्स पाना है. जवाब मिलने के बाद, उसे ब्राउज़र को पास कर दिया जाता है और कैश मेमोरी में सेव कर लिया जाता है. अगर नेटवर्क अनुरोध पूरा नहीं हो पाता, तो आखिरी में कैश मेमोरी में सेव किए गए रिस्पॉन्स का इस्तेमाल किया जाएगा. JD.ID ने इस रणनीति को होम पेज पर लागू किया, ताकि उपयोगकर्ता ऑफ़लाइन होने पर भी होम पेज को ऐक्सेस कर सकें.
  • कैश सबसे पहले, नेटवर्क पर वापस आएगा: यह रणनीति, सबसे पहले कैश मेमोरी की जांच करके रिस्पॉन्स के लिए उसका इस्तेमाल करती है. अगर कोई रिस्पॉन्स उपलब्ध है, तो उसका इस्तेमाल करता है. अगर नहीं, तो JD.ID वेबसाइट नेटवर्क पर जाती है और रिस्पॉन्स को कैश मेमोरी में सेव करती है, और फिर उसे ब्राउज़र में भेज देती है. जब सर्विस वर्कर इंस्टॉल हो जाता है, तो उसके पास होम पेज, ऑफ़लाइन फ़ॉलबैक पेज (नीचे बताया गया है), कैटगरी पेज, प्रॉडक्ट पेज, शॉपिंग कार्ट, और सेटलमेंट पेज के स्टैटिक रिसॉर्स होते हैं, जो उपयोगकर्ता के कैश में पहले से कैश मेमोरी में सेव हो जाते हैं. जब उपयोगकर्ता इनमें से किसी भी पेज पर जाता है, तो कैश मेमोरी की यह रणनीति पक्का करती है कि ब्राउज़र को सीधे कैश से स्टैटिक रिसॉर्स फ़ाइलें मिलें. इससे, ज़रूरी पेजों के लोड होने की स्पीड बढ़ जाती है.
  • सिर्फ़ नेटवर्क: इस रणनीति के तहत, जवाब को सिर्फ़ नेटवर्क से आने के लिए कहा जाता है. JD.ID, शॉपिंग कार्ट और सेटलमेंट पेज के लिए इस रणनीति का इस्तेमाल करता है, क्योंकि उन पेजों के लिए डेटा को बहुत सटीक बनाना ज़रूरी होता है.

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

ऑफ़लाइन फ़ॉलबैक पेज

JD.ID टीम ने ऑफ़लाइन फ़ॉलबैक पेज बनाया है. इसका मकसद, लोगों को एक जैसा अनुभव देना और वेबसाइट की ब्रैंडिंग को बेहतर बनाना है. उन्होंने एक वेब ऐप्लिकेशन मेनिफ़ेस्ट भी जोड़ा, जिसकी मदद से उपयोगकर्ता अपने मोबाइल डिवाइस पर वेब ऐप्लिकेशन को आसानी से इंस्टॉल कर सकते हैं.

ऑफ़लाइन फ़ॉलबैक पेज का स्क्रीनशॉट

पुश नोटिफ़िकेशन

इसके अलावा, उपयोगकर्ताओं को फिर से जोड़ने के लिए, JD.ID ने वेब के लिए Firebase क्लाउड से मैसेज के साथ पुश नोटिफ़िकेशन लागू किए. ये खास तौर पर, प्रॉडक्ट बिक्री के प्रमोशन वाले इवेंट के दौरान लागू किए गए.

पुश नोटिफ़िकेशन चालू करने के स्क्रीनशॉट

कारोबार के सभी नतीजे

  • मोबाइल कन्वर्ज़न रेट (mCVR) में 53% की बढ़ोतरी हुई
  • JD.ID PWA इंस्टॉल करने वाले उपयोगकर्ताओं के लिए, mCVR में 200% की बढ़ोतरी हुई
  • पुश नोटिफ़िकेशन की मदद से फिर से यूज़र ऐक्टिविटी बढ़ने की वजह से, मोबाइल प्लैटफ़ॉर्म के हर दिन के सक्रिय उपयोगकर्ताओं की संख्या में 26% की बढ़ोतरी हुई
प्रभाव के आंकड़े.

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

फ़ेंगक्सियन लू, वेब इंजीनियरिंग मैनेजर, JD.ID

भारत और दक्षिण पूर्व एशिया की सफलता की कहानियों के लिए, स्केल ऑन वेब केस स्टडीज़ पेज देखें.