वेबसाइट की परफ़ॉर्मेंस की जानकारी को ऑप्टिमाइज़ करने पर खास तौर पर, A/B टेस्ट करने से, Vodafone को पता चला कि एलसीपी में 31% की बढ़ोतरी से बिक्री में 8% की बढ़ोतरी हुई. साथ ही, वेबसाइट पर आने वाले लोगों की संख्या में 15% की बढ़ोतरी हुई. साथ ही, विज़िट दर के लिए उनके कार्ट में 11% का सुधार हुआ.
Vodafone यूरोप और अफ़्रीका की एक बड़ी टेलिकम्यूनिकेशन कंपनी है. यह 21 देशों में फ़िक्स्ड और मोबाइल नेटवर्क चला रही है. साथ ही, यह 48 अन्य देशों में मोबाइल नेटवर्क के साथ साझेदारी कर रही है. किसी लैंडिंग पेज (जिसमें वेबसाइट की परफ़ॉर्मेंस की जानकारी देने वाली मेट्रिक के हिसाब से वर्शन A को ऑप्टिमाइज़ किया गया था और वर्शन B में उसका एलसीपी स्कोर 31% बेहतर था) पर A/B टेस्ट करने से, Vodafone ने पता लगाया कि 'वेबसाइट की परफ़ॉर्मेंस' को ऑप्टिमाइज़ करने पर उसकी बिक्री में 8% ज़्यादा बिक्री हुई.
31%
एलसीपी में 31% की बढ़ोतरी हुई, जिसकी वजह से...
+8%
कुल बिक्री में हुई बढ़ोतरी
+15%
लीड टू विज़िट रेट में बढ़ोतरी
+11%
विज़िट दर के लिए कार्ट में हुई बढ़ोतरी
अवसर को हाइलाइट करना
Vodafone को पता था कि तेज़ी से लोड होने वाली वेबसाइटें, आम तौर पर कारोबार की बेहतर मेट्रिक से जुड़ी होती हैं. साथ ही, वे बिक्री बढ़ाने की रणनीति के तौर पर, अपनी 'वेबसाइट की परफ़ॉर्मेंस की जानकारी' के स्कोर को ऑप्टिमाइज़ करना चाहती थीं, लेकिन उन्हें यह तय करना था कि उन्हें किस तरह का आरओआई मिलेगा.
इस्तेमाल किया गया
A/B टेस्ट
A/B टेस्ट के लिए ट्रैफ़िक, डिसप्ले, iOS/Android, सर्च, और सोशल मीडिया जैसे अलग-अलग पेड मीडिया चैनलों से आया. 50% ट्रैफ़िक, ऑप्टिमाइज़ किए गए लैंडिंग पेज (वर्शन A) पर भेजा गया था. वहीं, 50% ट्रैफ़िक बेसलाइन पेज (वर्शन B) पर भेजा गया था. वर्शन A और वर्शन B दोनों को करीब 1 लाख
क्लिक और 34 हज़ार दर्शक हर दिन मिले. जैसा कि पहले बताया गया है, वर्शन A और वर्शन B में अंतर सिर्फ़ यह था कि वर्शन A को वेबसाइट की परफ़ॉर्मेंस की जानकारी के लिए ऑप्टिमाइज़ किया गया था. उसके अलावा, इन दोनों वर्शन में
कोई भी फ़ंक्शनल या विज़ुअल अंतर नहीं था. Vodafone ने असल उपयोगकर्ता सेशन पर एलसीपी को मेज़र करने के लिए,
PerformanceObserver
एपीआई का इस्तेमाल किया है और आंकड़ों की सेवा देने वाली कंपनी को
फ़ील्ड का डेटा
भेजा है.
अनुकूलन
Vodafone ने ऑप्टिमाइज़ किए गए पेज (वर्शन A) पर ये बदलाव किए हैं:
- किसी विजेट के लिए रेंडरिंग लॉजिक को क्लाइंट-साइड से सर्वर साइड पर ले जाया गया. इससे रेंडर ब्लॉक करने वाला JavaScript कम हो गया
- सर्वर-साइड से रेंडर किया गया क्रिटिकल एचटीएमएल
- ऑप्टिमाइज़ की गई इमेज, इनमें हीरो इमेज का साइज़ बदलना, SVG इमेज को ऑप्टिमाइज़ करना, मीडिया क्वेरी का इस्तेमाल करके ऐसी इमेज लोड करने से बचना शामिल है जो अब तक व्यूपोर्ट में नहीं दिख रही हैं, और इमेज को ऑप्टिमाइज़ करना
कारोबार के सभी नतीजे
वेबसाइट की परफ़ॉर्मेंस की जानकारी के लिए, वर्शन A को ऑप्टिमाइज़ करने और इसकी तुलना नहीं किए गए वर्शन B से करने के बाद, Vodafone ने पाया कि वर्शन A से:
- बिक्री में 8% की बढ़ोतरी हुई
- वेबसाइट पर आने वालों की कुल संख्या के मुकाबले खरीदारी में दिलचस्पी दिखाने वाले लोगों की संख्या में 15% की बढ़ोतरी हुई है
- विज़िट दर के कार्ट में 11% का सुधार (कार्ट पर आने वाले उपयोगकर्ताओं की तुलना में वेबसाइट पर आने वाले लोगों की संख्या)
नीचे दी गई टेबल में DOMContentLoaded
("DCL") और एलसीपी के लिए वे वैल्यू दिखाई गई हैं जो Vodafone ने वर्शन A ("ऑप्टिमाइज़ किया गया पेज") और वर्शन B ("डिफ़ॉल्ट पेज") पर देखा था. ध्यान दें कि DCL असल में 15% बढ़ गया है. कारोबार की मेट्रिक से जुड़ी ऐब्सलूट वैल्यू को छिपा दिया गया है.
Vodafone में हम नई सुविधाओं को आज़माते हैं, नतीजों को मेज़र करते हैं, यह पता लगाते हैं कि किस चीज़ ने क्या काम किया और क्या नहीं किया. इसके अलावा, हम गलतियों से सीखते हैं. हम इसे "प्रयोग, तेज़ी से सीखें" कहते हैं. Google के साथ मिलकर काम करने और पेज की परफ़ॉर्मेंस के लिए, एलसीपी को मुख्य केपीआई के तौर पर लाने के लिए धन्यवाद. इससे हमारे ई-कॉमर्स के ग्राहकों के अनुभव को बेहतर बनाने में मदद मिली.
डेविड ग्रॉसी, हेड ऑफ़ डिजिटल मार्केटिंग, बिज़नेस
सफलता की और कहानियों के लिए, स्केल ऑन वेब केस स्टडी पेज देखें.