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