Rakuten 24 ने असल उपयोगकर्ताओं की वेबसाइट की परफ़ॉर्मेंस की जानकारी का आकलन किया और पाया कि एक अच्छे सबसे बड़े कॉन्टेंटफ़ुल पेंट (एलसीपी) से, कन्वर्ज़न रेट में 61.13% की बढ़ोतरी हो सकती है.
Rakuten 24 एक ऑनलाइन स्टोर है. यह मल्टीनैशनल और डोमेस्टिक कंज़्यूमर प्रॉडक्ट बनाने वाली बड़ी कंपनियों के साथ मिलकर काम करता है. इसका मकसद, हर दिन कई तरह की ज़रूरी चीज़ें उपलब्ध कराना है. जैसे, स्वास्थ्य सेवा, पीने की चीज़ें, पालतू जानवरों का सामान, शिशुओं के प्रॉडक्ट वगैरह. यह स्टोर, Rakuten Group, Inc. ने उपलब्ध कराया है. इंटरनेट सेवाओं के क्षेत्र में यह दुनिया की बेहतरीन कंपनी है. साथ ही, यह जापान में अपने डिजिटल मार्केटप्लेस प्लैटफ़ॉर्म पर, सबसे अच्छी परफ़ॉर्मेंस देने वाली कंपनियों में से एक है.
उपयोगकर्ता अनुभव पर वेब परफ़ॉर्मेंस के असर को समझने के लिए, Rakuten 24 की टीम, वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी देने वाली मेट्रिक और अन्य मेट्रिक को लगातार माप रही है, ऑप्टिमाइज़ करती है, और उन पर नज़र रखती है.
इस वजह से, उनके 75% से ज़्यादा उपयोगकर्ताओं को अच्छे सबसे बड़े कॉन्टेंटफ़ुल पेंट (एलसीपी), फ़र्स्ट इनपुट डिले (एफ़आईडी), और फ़र्स्ट कॉन्टेंटफ़ुल पेंट (एफ़सीपी) का सामना करना पड़ रहा है. हालांकि, वे अब भी लेआउट शिफ़्ट (सीएलएस) की सुविधा में सुधार करने की कोशिश कर रहे हैं.
होम पेज के डेटा का विश्लेषण करने के बाद, Rakuten 24 ने पाया कि एक अच्छे एलसीपी स्कोर की वजह से:
- कन्वर्ज़न रेट में 61.13% तक की बढ़ोतरी हुई.
- हर विज़िटर से होने वाली आय में 26.09% की बढ़ोतरी होती है.
- ऑर्डर की औसत कीमत में 11.26% है.
- एक अच्छे एफ़आईडी स्कोर से कन्वर्ज़न दर में 55.88% तक की बढ़ोतरी हो सकती है.
वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी और कारोबार की मेट्रिक के बीच तालमेल बिठाने के लिए, Rakuten 24 ने A/B टेस्ट भी किया. इस टेस्ट का मकसद, वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी और उससे जुड़ी मेट्रिक को ऑप्टिमाइज़ करना है. इससे, वेबसाइट की परफ़ॉर्मेंस की जानकारी में सुधार हुआ है:
- हर विज़िटर से होने वाली आय में 53.37% की बढ़ोतरी हुई.
- कन्वर्ज़न रेट में 33.13% है.
- ऑर्डर की औसत कीमत में 15.20% है.
- औसत समय 9.99%.
- एग्ज़िट रेट में 35.12% की कमी.
अवसर को हाइलाइट करें
उपयोगकर्ता अनुभव को बेहतर बनाने और कारोबार को आगे बढ़ाने के लिए, वेब परफ़ॉर्मेंस को ऑप्टिमाइज़ करना काफ़ी अच्छा समय होता है. Rakuten 24 की टीम, यह समझता है कि हिस्सेदारों को वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी देने के लिए मनाना और वेब परफ़ॉर्मेंस पर ध्यान देना कितना मुश्किल हो सकता है. उनका मानना है कि हिस्सेदारों को दिखाना कि लागत पर रिटर्न (आरओआई) की परफ़ॉर्मेंस को ऑप्टिमाइज़ करना, उन्हें इस प्रोग्राम में शामिल करने का सबसे अच्छा तरीका है.
Rakuten 24, नई और स्वतंत्र सेवा होने की वजह से, अपने लचीलेपन का इस्तेमाल करके चुनौतियों का सामना करता है. उनका मानना है कि उनकी केस स्टडी से उन्हें आने वाले समय में, डेटा से जुड़े ज़्यादा फ़ैसले लेने में मदद मिलेगी. साथ ही, वे दूसरे डेवलपर को भी अपने काम का असर जानने में मदद करेंगे और अपने हिस्सेदारों को यह भरोसा दिलाएंगे कि परफ़ॉर्मेंस में सुधार करना ही फ़ायदेमंद है. इस पोस्ट में जानें कि उन्होंने यह काम कैसे किया.
JavaScript और संसाधनों को ऑप्टिमाइज़ करना
- रेंडर ब्लॉक करने वाले संसाधनों को खत्म करें.
- कोड को बांटें और डाइनैमिक
import()का इस्तेमाल करें. - सभी कॉन्टेंट को अलग-अलग हिस्सों में बांटें और वेबसाइट के फ़ोल्ड के नीचे लेज़ी लोड करें.
- मांग के हिसाब से JavaScript चलाएं और लोड करें.
- धीमे JavaScript वाले संसाधनों की पहचान करें और लोड होने की प्रोसेस को ऑप्टिमाइज़ करने के लिए,
<script>टैग पर एक साथ काम नहीं करने वाली प्रोसेस का इस्तेमाल करें. साथ ही, ज़रूरी ऑरिजिन (dns-prefetch,preconnect, औरpreloadजैसे रिसॉर्स हिंट) से शुरुआत में कनेक्शन बनाएं. - इस्तेमाल नहीं किए गए कोड को हटाएं और कोड को छोटा और कंप्रेस करें.
- सीडीएन का इस्तेमाल करें.
- वर्कबॉक्स की मदद से, सर्विस वर्कर का इस्तेमाल करके कैश मेमोरी में डेटा सेव करने की सुविधा को कंट्रोल करें.
इमेज ऑप्टिमाइज़ करें
- वेबसाइट में फ़ोल्ड के नीचे लेज़ी लोड की सुविधा.
- सीडीएन की मदद से इमेज ऑप्टिमाइज़ करें, सही साइज़ वाली इमेज डिलीवर करें, इमेज कंप्रेस करें, और काम के हिसाब से सही इमेज फ़ॉर्मैट (WebP, SVG, वेब फ़ॉन्ट) अपनाएं.
सीएलएस को ऑप्टिमाइज़ करें
- इमेज लोड होने के दौरान, इमेज के लिए ज़रूरी जगह सुरक्षित रखने के लिए, सीएसएस
aspect-ratioका इस्तेमाल करें. - एलिमेंट के लेज़ी लोड होने के दौरान, लेआउट शिफ़्ट को कम करने के लिए, सीएसएस
min-heightका इस्तेमाल करें.
परफ़ॉर्मेंस मेज़र करना
अपनी वेबसाइट को ऑडिट करने के लिए PageSpeed Insights का इस्तेमाल करने के अलावा, टीम यह जानना चाहती थी कि उपयोगकर्ता फ़ील्ड में असल में क्या अनुभव कर रहे हैं. इसलिए, Rakuten 24 ने वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी और फ़ील्ड में मौजूद अन्य मेट्रिक को मेज़र करने के लिए, वेब-वाइट्स JavaScript लाइब्रेरी का इस्तेमाल करने का फ़ैसला किया. साथ ही, इस डेटा को इनहाउस ऐनलिटिक्स टूल को भेजा.
परफ़ॉर्मेंस का विश्लेषण
टीम ने इकट्ठा किए गए फ़ील्ड डेटा का विश्लेषण करके यह पता लगाया कि वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी और कारोबार की मुख्य मेट्रिक के बीच कोई संबंध है या नहीं. उन्हें पता चला कि ग्राहक में बदलने वाले उपयोगकर्ताओं का एलसीपी, उन उपयोगकर्ताओं के मुकाबले बेहतर होता है जो ग्राहक में नहीं बदले.
इकट्ठा किए गए डेटा से यह भी पता चला कि:
- एक अच्छे एलसीपी से कन्वर्ज़न रेट में 61.13%, हर विज़िटर से होने वाली आय 26.09%, और ऑर्डर की औसत कीमत में 11.26% तक की बढ़ोतरी हो सकती है.
- एक अच्छे एफ़आईडी से, कुल औसत डेटा के मुकाबले कन्वर्ज़न रेट में 55.88% तक की बढ़ोतरी हो सकती है.
परफ़ॉर्मेंस पर निगरानी रखने की सुविधा
टीम ने फ़ील्ड और बिज़नेस इंटेलिजेंस टूल में इकट्ठा किए गए डेटा का इस्तेमाल करके, परफ़ॉर्मेंस पर निगरानी रखने के लिए एक डैशबोर्ड बनाया. यह प्रोग्रेस को मॉनिटर करने और रिग्रेशन को रोकने के लिए ज़रूरी है.
A/B टेस्ट
टीम ने पाया कि A/B टेस्ट, परफ़ॉर्मेंस ऑप्टिमाइज़ेशन के कारोबार पर पड़ने वाले असर का आकलन करने का अच्छा तरीका है. टीम ने वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी के लिए, अपने एक लैंडिंग पेज को ऑप्टिमाइज़ किया. इसके बाद, एक महीने तक A/B टेस्ट की मदद से, ऑप्टिमाइज़ किए गए वर्शन और मूल पेज के वर्शन की तुलना की. उन्होंने ज़्यादा ट्रैफ़िक और कन्वर्ज़न वाला एक लैंडिंग पेज चुना, ताकि टेस्ट से सही नतीजे मिल सकें. जांच के दौरान, 50% ट्रैफ़िक ऑप्टिमाइज़ किए गए लैंडिंग पेज (वर्शन A) पर भेजा गया. वहीं, 50% ट्रैफ़िक को मूल पेज (वर्शन B) पर भेजा गया. वर्शन A और वर्शन B के बीच अंतर सिर्फ़ यह था कि वर्शन A को वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी के लिए ऑप्टिमाइज़ किया गया था. साथ ही, वर्शन A और उसके काम करने के तरीके में कोई और अंतर नहीं था.
ऑप्टिमाइज़ किया गया वर्शन A, मोबाइल लोड टेस्ट में 0.4 सेकंड पहले ही लोड हो गया है और इसमें कोई खास लेआउट शिफ़्ट नहीं दिखता है. दरअसल, वर्शन A के सीएलएस में वर्शन B की तुलना में 92.72% की बढ़ोतरी हुई है. वेबसाइट की परफ़ॉर्मेंस की जानकारी देने वाली अन्य मेट्रिक के स्कोर में भी सुधार हुआ: एफ़आईडी में 7.95%की बढ़ोतरी हुई, एफ़सीपी में 8.45%की बढ़ोतरी हुई, और टीटीएफ़बी में 18.03%की बढ़ोतरी हुई.
ऑप्टिमाइज़ किए गए वर्शन A की तुलना ऑप्टिमाइज़ न किए गए वर्शन B से करने पर, Rakuten 24 ने पाया कि वर्शन A में:
- हर विज़िटर से होने वाली आय में 53.37% की बढ़ोतरी हुई.
- कन्वर्ज़न रेट में 33.13% की बढ़ोतरी हुई.
- ऑर्डर की औसत कीमत में 15.20% की बढ़ोतरी हुई.
- बिताए गए औसत समय में 9.99% की बढ़ोतरी हुई.
- एग्ज़िट रेट में 35.12% की कमी.
नतीजा
वेब परफ़ॉर्मेंस ऑप्टिमाइज़ेशन चुनौती भरा लेकिन फ़ायदेमंद है. Rakuten 24 ने डेटा का इस्तेमाल करके, बेहतर उपयोगकर्ता अनुभव दिया. साथ ही, कंपनी के कारोबार पर पड़ने वाले सकारात्मक असर को भी मापा. यह समझना कि यह सफ़र का सिर्फ़ एक हिस्सा है, न कि डेस्टिनेशन. वे अपनी वेबसाइट को बेहतर बनाना जारी रखेंगे, ताकि ऑनलाइन खरीदारों को बेहतर अनुभव दिया जा सके.
ऑप्टिमाइज़ेशन के लिए, साथ मिलकर काम करने की ज़रूरत है. इस प्रोसेस में, डेवलपर को अकेले ही रहने की ज़रूरत नहीं है. Rakuten 24, अपनी परेशानियों और उपलब्धियों के बारे में बताता है. साथ ही, उसे उम्मीद है कि ज़्यादा डेवलपर, वेबसाइट की परफ़ॉर्मेंस की जानकारी देने वाले डेटा का इस्तेमाल करके, हिस्सेदारों के साथ मिलकर काम कर पाएंगे. साथ ही, वे साथ मिलकर बेहतर उपयोगकर्ता अनुभव देने और कारोबार को आगे बढ़ाने के लिए काम करेंगे.