पब्लिश किया गया: 9 दिसंबर, 2025
Monrif, इटली के सबसे बड़े पब्लिशिंग ग्रुप में से एक है. यह Il Resto del Carlino, Il Giorno, La Nazione, और QN Quotidiano.net जैसे लोकप्रिय न्यूज़ ब्रैंड को मैनेज करता है. हर सेशन में लाखों लोग, दर्जनों लेख ऐक्सेस करते हैं. इसलिए, पढ़ने वालों को बनाए रखने और उनकी दिलचस्पी बढ़ाने के लिए, नेविगेशन की स्पीड और पेज लोड होने में लगने वाले समय को ऑप्टिमाइज़ करना ज़रूरी है.
साल 2025 की शुरुआत में, Monrif ने परफ़ॉर्मेंस को बेहतर बनाने के लिए एक पहल शुरू की. इसका मकसद, सबसे बड़े एलिमेंट को रेंडर करने में लगने वाले समय (एलसीपी) को बेहतर बनाना था. इसके लिए, उसने Speculation Rules API के साथ असरदार प्रीरेंडरिंग रणनीति अपनाई. सबसे ज़्यादा बार देखे गए लेख वाले पेजों की पहचान करके और उन पाथ के लिए प्रीरेंडरिंग लागू करके, Monrif ने एलसीपी में 17.9% तक का सुधार किया. इससे परफ़ॉर्मेंस में काफ़ी सुधार हुआ और लोगों को खबरें पढ़ने का बेहतर अनुभव मिला. इसके अलावा, इससे उपयोगकर्ता की दिलचस्पी में भी काफ़ी बढ़ोतरी हुई. कुछ सेगमेंट में, यह +8.9% तक पहुंच गई.
प्रीरेंडरिंग की सफलता से उत्साहित होकर, टीम ने बैक/फ़ॉरवर्ड कैश मेमोरी (bfcache) की सुविधा भी लागू की. इससे, वेबसाइट पर पहले आ चुके लोगों को उन पेजों पर तुरंत लोड होने का अनुभव मिला जिन पर वे पहले जा चुके थे. इससे, उन्हें आसानी से और तेज़ी से ब्राउज़ करने का अनुभव मिला.
हमने कहां से शुरुआत की
इस सुविधा को रोल आउट करने से पहले, इंटरनल टेस्टिंग और Chrome उपयोगकर्ता अनुभव रिपोर्ट (CrUX) के डेटा से पता चला कि Monrif के कई पेजों—खास तौर पर लेख और होम पेज के व्यू—के एलसीपी स्कोर अच्छे नहीं थे.
मार्च 2025 से पहले, ऑप्टिमाइज़ेशन की कोशिशें शुरू होने से पहले, कई टाइटल के होम पेज व्यू के लिए एलसीपी का 75वां पर्सेंटाइल 2.333 सेकंड से 2.419 सेकंड के बीच था. तकनीकी तौर पर, यह "अच्छी" थ्रेशोल्ड (2.5 सेकंड या इससे कम) के अंदर है. हालांकि, नेविगेशन पैटर्न की फ़्रीक्वेंसी ज़्यादा होने पर, उपयोगकर्ता को दिखने वाली परफ़ॉर्मेंस को बेहतर बनाने के लिए अब भी काफ़ी जगह है.
हमने एलसीपी को कैसे बेहतर बनाया
नेविगेशन के दौरान लेटेन्सी को कम करने के लिए, Monrif ने Speculation Rules API का इस्तेमाल करके, सभी डेस्कटॉप और मोबाइल डोमेन पर स्पेकुलेटिव प्रीरेंडरिंग लागू की. इस रणनीति को परफ़ॉर्मेंस और तकनीकी सुरक्षा के बीच संतुलन बनाने के लिए डिज़ाइन किया गया था. इसमें सिर्फ़ तब प्रीरेंडरिंग की अनुमति दी जाती थी, जब लिंक एलिमेंट खास सिलेक्टर और शर्तों से मेल खाते हों.
{
"prerender": [
{
"where": {
"and": [
{
"not": {
"selector_matches": "[rel~=nofollow]"
}
},
{
"not": {
"selector_matches": ".no-prerender"
}
},
{
"selector_matches": "a"
}
]
},
"eagerness": "moderate"
}
]
}
किसी भी लिंक के लिए, दिलचस्पी का लेवल moderate पर सेट किया गया था. हालांकि, इसमें कुछ अपवाद शामिल हैं. यह सेटिंग, डेस्कटॉप पर होवर करने और मोबाइल पर व्यूपोर्ट-ह्यूरिस्टिक्स के आधार पर अनुमान लगाती है. इस तरीके से, टीम को सिर्फ़ उन लिंक के लिए प्रीरेंडरिंग के स्कोप को कंट्रोल करने की अनुमति मिली जिनकी सबसे ज़्यादा ज़रूरत थी. इससे संसाधन के इस्तेमाल को कम किया जा सका.
नतीजे
प्रीरेंडरिंग के असर का आकलन करने के लिए, हमने GA4 डेटा और CrUX मेट्रिक का इस्तेमाल करके, Monrif के तीन मुख्य पब्लिकेशन—Il Resto del Carlino, Il Giorno, और La Nazione पर अपना विश्लेषण फ़ोकस किया.
डेस्कटॉप और मोबाइल, दोनों पर प्रीरेंडरिंग की सुविधा चालू थी. हालांकि, डेस्कटॉप पर इसकी संख्या काफ़ी ज़्यादा थी, क्योंकि "moderate" की वजह से, कर्सर घुमाने पर सभी लिंक स्कोप में आ जाते थे. उदाहरण के लिए, La Nazione पर, वेब (डेस्कटॉप) व्यू के 13.9% हिस्से में प्रीरेंडरिंग ट्रिगर हुई. वहीं, मोबाइल पर यह सिर्फ़ 2.9% थी. इस वजह से, डेस्कटॉप प्लैटफ़ॉर्म पर परफ़ॉर्मेंस में सुधार ज़्यादा साफ़ तौर पर और लगातार दिख रहे थे. इसलिए, इस स्टडी का मुख्य फ़ोकस डेस्कटॉप प्लैटफ़ॉर्म पर रहा.
मई 2025 के आखिर तक, तीनों पब्लिकेशन के लिए एलसीपी की परफ़ॉर्मेंस में काफ़ी सुधार हुआ. इसे CrUX के डेस्कटॉप डेटा में देखा जा सकता है:
ये सुधार, प्रीरेंडरिंग की गतिविधि में हुई बढ़ोतरी के हिसाब से किए गए थे. यहां दी गई टेबल में, डेस्कटॉप पर हर साइट के लिए, प्रीरेंडरिंग की सबसे ज़्यादा बार होने वाली घटनाएं दिखाई गई हैं. ये घटनाएं, वॉल्यूम और औसत से ज़्यादा प्रतिशत के हिसाब से दिखाई गई हैं:
सभी टाइटल के लिए, एलसीपी की सबसे कम वैल्यू, प्रीरेंडरिंग इवेंट की सबसे ज़्यादा वैल्यू के साथ काफ़ी हद तक ओवरलैप होने वाले टाइमफ़्रेम में देखी गई. खास तौर पर, मई के मध्य से जून 2025 की शुरुआत तक. इस सिंक्रोनिसिटी से पता चलता है कि स्पेकुलेटिव प्रीरेंडरिंग और असल दुनिया में परफ़ॉर्मेंस में सुधार के बीच काफ़ी समानता है.
यूज़र ऐक्टिविटी का असर
एलसीपी में सुधार के साथ-साथ, Monrif ने प्रीरेंडरिंग को रोल आउट करने के दौरान, उपयोगकर्ता की दिलचस्पी में काफ़ी बढ़ोतरी देखी. Il Resto del Carlino, Il Giorno, और La Nazione के GA4 डेटा का विश्लेषण करने पर पता चला कि जिन हफ़्तों में प्रीरेंडरिंग सबसे ज़्यादा ऐक्टिव थी उनमें यूज़र ऐक्टिविटी में काफ़ी सुधार हुआ.
डेस्कटॉप पर, प्रीरेंडरिंग की इंटेंसिटी, एलसीपी में सुधार, और यूज़र ऐक्टिविटी में बढ़ोतरी के बीच के संबंध के बारे में यहां बताया गया है:
यूज़र ऐक्टिविटी पर कई चीज़ों का असर पड़ता है. हालांकि, समय के साथ यूज़र ऐक्टिविटी में हुए बदलाव से पता चलता है कि प्रीरेंडरिंग की वजह से बेहतर परफ़ॉर्मेंस मिलती है. इससे यूज़र ऐक्टिविटी बढ़ती है और उपयोगकर्ता लंबे समय तक आपके साथ जुड़े रहते हैं.
विज्ञापन पर असर
Monrif का मुख्य मकसद, उपयोगकर्ता अनुभव और परफ़ॉर्मेंस को बेहतर बनाना था. हालांकि, इस पहल से विज्ञापन मेट्रिक पर भी सकारात्मक असर पड़ा है.
खास तौर पर, ओपन मार्केट में विज्ञापन दिखने की दर में मामूली, लेकिन लगातार सुधार हुआ. ओपन मार्केट में विज्ञापन दिखने की दर, विज्ञापन दिखने और इन्वेंट्री की क्वालिटी का एक अहम इंडिकेटर है. तीन मुख्य पब्लिकेशन में, औसत व्यूएबिलिटी में 1.03% की बढ़ोतरी हुई. यह बढ़ोतरी, सबसे ज़्यादा प्रीरेंडरिंग गतिविधि वाले हफ़्तों के बाद हुई. परफ़ॉर्मेंस और यूज़र ऐक्टिविटी के विश्लेषण की तरह ही, ये आंकड़े डेस्कटॉप ट्रैफ़िक पर फ़ोकस करते हैं, ताकि सभी डेटासेट में एक जैसा डेटा हो.
यह सुधार, भले ही कम हो, लेकिन यह अहम है: व्यू किए जाने की संभावना में मामूली बढ़ोतरी से भी इन्वेंट्री की क्वालिटी बेहतर हो सकती है, फ़िल रेट बढ़ सकते हैं, और विज्ञापन देने वाले व्यक्ति या कंपनी का भरोसा बढ़ सकता है.
खास बात यह है कि यह परफ़ॉर्मेंस को बेहतर बनाने से कैसे जुड़ा है. एलसीपी को कम करके और नेविगेशन की स्पीड को बेहतर बनाकर, Monrif ने पेजों को तेज़ी से लोड करने में मदद की. साथ ही, उपयोगकर्ताओं को ज़्यादा समय तक जोड़े रखा. इससे विज्ञापन के व्यू पोर्ट में ज़्यादा समय तक बने रहने की संभावना बढ़ जाती है. साथ ही, विज्ञापन के दिखने की संभावना भी बढ़ जाती है.
बैक/फ़ॉरवर्ड कैश मेमोरी की मदद से, तुरंत नेविगेट करने की सुविधा को बेहतर बनाना
Monrif ने प्रीरेंडरिंग के साथ-साथ, ब्राउज़र की बैक/फ़ॉरवर्ड कैश मेमोरी (bfcache) के लिए सहायता को अनलॉक करने पर भी काम किया. यह परफ़ॉर्मेंस का एक ऐसा तरीका है जो उपयोगकर्ताओं के ब्राउज़र के 'वापस जाएं' या 'आगे बढ़ें' बटन का इस्तेमाल करने पर, पेज को तुरंत पहले जैसा कर देता है.
डेवलपर ने bfcache के साथ काम करने से जुड़ी कई सामान्य समस्याओं को ठीक किया है:
unloadइवेंट लिसनर हटा दिए गए हैं, क्योंकि ये भरोसेमंद नहीं हैं और जल्द ही इन्हें बंद कर दिया जाएगा.unloadइवेंट लिसनर को फिर से लागू होने से रोकने के लिए,Permissions-Policyहेडर का इस्तेमाल किया गया है. खास तौर पर, तीसरे पक्ष के लिसनर को फिर से लागू होने से रोकने के लिए.- कनेक्शन को सुरक्षित तरीके से बंद करने के लिए,
pagehideइवेंट लिसनर लागू किए गए हैं. जैसे, IndexedDB, WebSocket. Cache-Control: no-storeका इस्तेमाल तब तक नहीं किया गया, जब तक यह बहुत ज़रूरी न हो. ऐसा इसलिए, क्योंकि इससे कई मामलों में bfcache ब्लॉक हो सकता है.
टीम के पास, प्रीरेंडरिंग के लिए इस्तेमाल किए गए आंकड़ों के आधार पर, bfcache के असर का पता लगाने के लिए अब तक काफ़ी डेटा नहीं था. हालांकि, शुरुआती टेस्टिंग और Chrome DevTools के ट्रेस से यह पुष्टि हुई कि bfcache के साथ काम करने वाले नेविगेशन को मेमोरी से पूरी तरह से वापस लाया गया था. इससे, पहले देखे गए लेखों पर वापस जाने पर, लोड होने में एक सेकंड से भी कम समय लगा.
नतीजा
स्पेकुलेटिव प्रीरेंडरिंग को इंटिग्रेट करके, Monrif ने अपनी न्यूज़ वेबसाइटों पर एलसीपी को काफ़ी बेहतर बनाया. इससे, पेज लोड होने में लगने वाले समय में 17.9% तक की कमी आई. इन सुधारों से, न सिर्फ़ परफ़ॉर्मेंस बेहतर हुई, बल्कि मुख्य टाइटल के लिए उपयोगकर्ता की दिलचस्पी में भी बढ़ोतरी हुई.
इसके अलावा, इस मामले से पता चलता है कि उपयोगकर्ता परफ़ॉर्मेंस को ऑप्टिमाइज़ करने से, कमाई करने के फ़ायदों को जनरेट किया जा सकता है. ऐसा उन स्थितियों को बेहतर बनाकर किया जा सकता है जो यह तय करती हैं कि विज्ञापन कब और कैसे दिखेंगे.
इस केस स्टडी में बताया गया है कि प्रीरेंडरिंग जैसी आधुनिक नेविगेशन ऑप्टिमाइज़ेशन तकनीकें, वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी देने वाली मेट्रिक को बड़े पैमाने पर कैसे बेहतर बना सकती हैं. ऐसा कॉन्टेंट से भरपूर प्लैटफ़ॉर्म पर भी किया जा सकता है. साथ ही, इससे उपयोगकर्ता अनुभव और कारोबार के नतीजों में बेहतर बदलाव किए जा सकते हैं.