नए PWA को लोड होने में लगने वाला औसत समय, पुरानी साइट की तुलना में 30% कम है. साथ ही, बाउंस रेट 12% और सेशन डेप्थ 18% बेहतर हुई है.
Orange Polska S.A. (अंतरराष्ट्रीय Orange ग्रुप का हिस्सा), पोलैंड में दूरसंचार सेवाओं की प्रमुख कंपनी है. इसमें मोबाइल और फ़िक्स्ड टेलीकम्यूनिकेशन सेवाएं शामिल हैं, जैसे कि वॉइस, डेटा, इंटरनेट ऐक्सेस, और टेलीविज़न. हम आईटी और इंटिग्रेशन सेवाएं, लीज़्ड लाइन, और दूरसंचार से जुड़ी अन्य वैल्यू-ऐडेड सेवाएं और उपकरण भी उपलब्ध कराते हैं.
चुनौती
हम सभी जानते हैं कि जब किसी वेबसाइट को लोड होने में काफ़ी समय लगता है, तो उससे परेशानी होती है. जिन डिजिटल कंपनियों की फ़िज़िकल प्रज़ेंस कम या न के बराबर है उनके लिए, ऐप्लिकेशन के इंस्टॉल होने में लगने वाले समय का असर साफ़ तौर पर दिखता है. खास तौर पर, मोबाइल ऐप्लिकेशन के लिए हमारी इंटरनल रिसर्च से साफ़ तौर पर पता चलता है कि ऐप्लिकेशन को अनइंस्टॉल करने की सबसे अहम वजह, इंस्टॉल होने में लगने वाला समय है. हालांकि, अगर आपका कारोबार हमारे जैसे किसी ऐसे सेक्टर में है जहां डिस्ट्रिब्यूशन चैनलों के लिए, स्टोर में खरीदारी की सुविधा वाली रणनीति का इस्तेमाल किया जाता है, तो डिजिटल प्लैटफ़ॉर्म की तेज़ी का असर उतना साफ़ तौर पर नहीं दिखता. ऐसा इसलिए, क्योंकि हमारी बिक्री का एकमात्र सोर्स डिजिटल प्लैटफ़ॉर्म नहीं है. इससे, एग्ज़ीक्यूटिव को तेज़ी से काम करने के लिए, ज़्यादा पैसे खर्च करने के लिए मनाना और भी मुश्किल हो जाता है.
अपने एग्ज़ीक्यूटिव को पिच करते समय, हमने Google Analytics पर अपनी परफ़ॉर्मेंस के पुराने डेटा का इस्तेमाल करके, अपनी बात को ज़्यादा असरदार बनाया. इससे, लोडिंग समय और कन्वर्ज़न रेट के बीच के संबंध को साफ़ तौर पर दिखाया जा सका. हमने साफ़ तौर पर यह दिखाया कि पेज लोड होने में हर अतिरिक्त सेकंड की वजह से, रेवेन्यू और बिक्री में 15 से 20% की गिरावट आई.
रणनीति
हमने प्रोग्रेसिव वेब ऐप्लिकेशन (पीडब्ल्यूए) बनाने का फ़ैसला लिया. हमने खास तौर पर मोबाइल ट्रैफ़िक पर फ़ोकस किया, क्योंकि 75% से ज़्यादा ग्राहक हमारी वेबसाइट को मोबाइल डिवाइस से ऐक्सेस करते हैं. टीम ने परफ़ॉर्मेंस के मुख्य इंडिकेटर को बेहतर बनाने और ज़्यादा दिलचस्प और आकर्षक अनुभव देने पर बराबर फ़ोकस किया.
हमने एक नई क्रॉस-फ़ंक्शनल स्क्रम टीम लॉन्च की है. इसमें आईटी, कारोबार, और यूएक्स के विशेषज्ञ शामिल हैं. इस टीम का मकसद, इन सवालों के जवाब देने के लिए कॉन्सेप्ट की पुष्टि करना है:
- क्या हम अपनी पुरानी सीमाओं को ध्यान में रखते हुए, लोड होने में लगने वाले समय को कम कर पाएंगे?
- कन्वर्ज़न और रेवेन्यू पर इसका असल असर क्या होगा?
हमने Next.js को इसलिए चुना है, क्योंकि इसमें कई ऑप्टिमाइज़ेशन हैं जो डिफ़ॉल्ट रूप से चालू होते हैं या जिन्हें सेट अप करना आसान होता है. जैसे, अपने-आप सर्वर साइड रेंडरिंग (यह हमारे एसईओ के लिए खास तौर पर ज़रूरी है), डेटा को पहले से लोड करना, और कोड को अलग-अलग हिस्सों में बांटना. हमारे लिए एक और अहम बात यह थी कि Next.js की मदद से, हम अपने लेगसी ऐप्लिकेशन में कोई समस्या पैदा किए बिना, पेजों को एक-एक करके माइग्रेट कर पाए. हालांकि, हमें एक जटिल माहौल में बदलाव को मैनेज करना पड़ा, जहां हम अब भी लेगसी सिस्टम पर निर्भर थे. इस वजह से, सेवा उपलब्ध नहीं थी. इस समस्या को ठीक करने के लिए, हमने Workbox को इंटिग्रेट किया है, ताकि बैकएंड के बंद होने पर भी हमारी वेबसाइट हमेशा उपलब्ध रहे. Workbox की मदद से, हमें परफ़ॉर्मेंस में भी काफ़ी सुधार हुआ. ऐसा, पहले से कैश मेमोरी में डेटा सेव करने, अनुरोध को रूट करने, और रनटाइम कैश मेमोरी में डेटा सेव करने के लिए, पहले से मौजूद सलूशन की वजह से हुआ.
नतीजे
हमारी नई PWA साइट लोड होने में, पुरानी साइट के मुकाबले 30% कम समय लगता है. मोबाइल डिवाइसों पर, हमारे कन्वर्ज़न में 52% की बढ़ोतरी हुई है. साथ ही, हमारी बाउंस दर में 12% और सेशन डेप्थ में 18% की बढ़ोतरी हुई है. इस अनुभव से, ग्राहकों के लिए उपलब्ध सभी समाधानों को PWA टेक्नोलॉजी पर ट्रांसफ़ॉर्म करने की रणनीति की पुष्टि हुई है. इनमें ग्राहक की सेल्फ़-केयर और सेल्समैन के फ़्रंटएंड भी शामिल हैं.