Addy Osmani

तीसरे पक्ष के संसाधनों (जैसे, एम्बेड और स्क्रिप्ट) का इस्तेमाल, आज पूरे वेब पर काफ़ी ज़्यादा किया जाता है. ये सोशल मीडिया, वीडियो, आंकड़ों, लाइव चैट, विज्ञापन, A/B टेस्टिंग, दिलचस्पी के मुताबिक बनाने, और अन्य चीज़ों को एम्बेड करने के लिए, बेहतरीन समाधान उपलब्ध कराते हैं. तीसरे पक्ष के एम्बेड, आधुनिक वेबसाइटों का ज़रूरी हिस्सा हैं. इनकी मदद से, साइट के मालिक अपनी मुख्य क्षमताओं पर फ़ोकस कर पाते हैं. साथ ही, वे बाहरी कंपनियों को स्टैंडर्ड, लेकिन अहम फ़ंक्शन ऑफ़लोड कर पाते हैं.

जब किसी वेब पेज पर पहले पक्ष और तीसरे पक्ष, दोनों एक साथ मिलकर काम करते हैं, तो पेज पर उपयोगकर्ता को बेहतर अनुभव मिल सकता है. हालांकि, इसके लिए इंजीनियरिंग और कारोबार, दोनों टीमों की ज़रूरत होती है. अक्सर इस बात को अनदेखा कर दिया जाता है. इस वजह से, वेब पेजों की परफ़ॉर्मेंस खराब हो जाती है. साथ ही, वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी जैसी उपयोगकर्ता-केंद्रित मेट्रिक पर बुरा असर पड़ता है. इससे दोनों पक्षों को नुकसान पहुंचता है और कारोबारों को अवसर मिलना बंद हो जाता है. क्या हम यहां बेहतर कर सकते हैं?

हमारा मानना है कि आने वाले समय में वेब पर तीसरे पक्ष की स्क्रिप्ट और संसाधन, कारोबार के लिए ज़रूरी वैल्यू देंगे. साथ ही, ब्राउज़र में इनका इस्तेमाल करने वाली वेबसाइटों की परफ़ॉर्मेंस या उपयोगकर्ता अनुभव पर कम से कम असर पड़ेगा. इससे, उपयोगकर्ताओं को पेज लोड होने में कम समय लगेगा.

पिछले साल, हमने कई संभावनाओं पर विचार किया, उन पर चर्चा की, और उनका प्रयोग किया. इनसे, उपयोगकर्ता अनुभव को तीसरे पक्ष की स्क्रिप्ट के नुकसानदेह असर से बचाया जा सकता है. साथ ही, साइट के मालिकों के कारोबार की वैल्यू भी कम नहीं होती.

इस पोस्ट में, हम अपने कुछ एक्सपेरिमेंट के बारे में जानकारी शेयर करना चाहते हैं. हमें उम्मीद है कि यह एक ऐसी प्रोसेस की शुरुआत है जिससे उपयोगकर्ता एजेंट, कारोबारों, और तीसरे पक्ष की सेवा देने वाली कंपनियों के बीच पारदर्शिता और जानकारी को बढ़ावा मिलेगा. साथ ही, वेब को तेज़ बनाने में मदद मिलेगी.

तीसरे पक्ष के बारे में ज़्यादा जानकारी

तीसरा पक्ष, साइट से बाहर की सेवा देने वाली कंपनी है. ये सीधे तौर पर साइट के मालिकों के कंट्रोल में नहीं होते, लेकिन उनकी अनुमति के साथ मौजूद होते हैं. तीसरे पक्ष के संसाधन ये हैं:

• यह प्रॉडक्ट, मुख्य साइट के ऑरिजिन से अलग, शेयर किए गए और सार्वजनिक ऑरिजिन पर होस्ट किया जाता है.
• जिसे किसी साइट के मालिक ने लिखा हो या जिस पर उसका असर हो.
• इसका इस्तेमाल कई तरह की साइटों पर किया जाता है.

तीसरे पक्ष, कारोबार के कई लक्ष्यों को पूरा करते हैं. जैसे, विज्ञापनों की मदद से रेवेन्यू जनरेट करना और सोशल मीडिया पर एम्बेड किए गए विज्ञापनों की मदद से मार्केटिंग के बेहतर अवसर उपलब्ध कराना. तीसरे पक्ष की सामान्य कैटगरी में ये शामिल हैं:

सोर्स: कैटगरी के हिसाब से तीसरे पक्ष.

तीसरे पक्ष की इन स्क्रिप्ट और लाइब्रेरी की मदद से, वेब डेवलपर स्टैंडर्ड सुविधाओं को लागू करने के लिए, पहले से आज़माए जा चुके समाधानों का फ़ायदा ले सकते हैं. इस तरह, तीसरे पक्ष, डेवलपमेंट में लगने वाले समय को कम करते हैं. साथ ही, कारोबारों को अपने प्रॉडक्ट को तेज़ी से लॉन्च या अपग्रेड करने में मदद करते हैं. इसलिए, इसमें कोई हैरानी नहीं है कि डेस्कटॉप और मोबाइल पर सभी वेबसाइटों में से 94% से ज़्यादा वेबसाइटें, तीसरे पक्षों का इस्तेमाल करती हैं.

तीसरे पक्ष, परफ़ॉर्मेंस पर कैसे असर डालते हैं?

आम तौर पर, तीसरे पक्ष के डेवलपर, अपनी दी गई खास सुविधाओं के लिए विषय विशेषज्ञ होते हैं. तीसरे पक्ष की ज़्यादातर लोकप्रिय कंपनियों ने कई बार बदलाव किए हैं. इसलिए, यह उम्मीद की जा सकती है कि उनके कोड को उनके कारोबार के लक्ष्यों के लिए ऑप्टिमाइज़ किया गया हो. इसमें, उनका इस्तेमाल करने वाले पेजों की परफ़ॉर्मेंस शामिल हो सकती है या नहीं. हालांकि, हमें पता है कि सबसे अच्छी तरह से ऑप्टिमाइज़ की गई तीसरे पक्ष की कंपनियां भी परफ़ॉर्मेंस पर असर डालती हैं. इस असर की मुख्य वजहें ये हैं:

1. साइज़ और स्क्रिप्ट को लागू करने की लागत: तीसरे पक्ष अक्सर आपके पेज में <script> या <iframe> एलिमेंट डालकर, अहम फ़ंक्शन देने की कोशिश करते हैं. इसके बाद, ये एलिमेंट ऐसी स्क्रिप्ट और रिसॉर्स को खींचते हैं जिनका साइज़ बड़ा होता है और जिन्हें डाउनलोड और लागू करने में ज़्यादा समय लगता है. ज़्यादा JavaScript, मुख्य थ्रेड को ज़्यादा समय तक व्यस्त रखता है, रेंडरिंग को ब्लॉक करता है, और उपयोगकर्ता इंटरैक्शन में देरी करता है. विश्लेषण की गई 50% से ज़्यादा साइटों के लिए, तीसरे पक्ष की कुछ टॉप कंपनियों ने मुख्य थ्रेड को 42 एमएस से 1.6 सेकंड तक ब्लॉक किया है. ब्लॉक की गई मुख्य थ्रेड की वजह से, ब्लॉक होने का कुल समय (टीबीटी) ज़्यादा हो जाता है. यह साइट के परफ़ॉर्मेंस स्कोर पर असर डालने वाली मेट्रिक में से एक है. इसके अलावा, इससे उपयोगकर्ता के इंटरैक्शन का जवाब देने में भी देरी होती है. साथ ही, वेबसाइटों के रिस्पॉन्सिवनेस को मेज़र करने के लिए इस्तेमाल की जाने वाली इंटरैक्शन टू नेक्स्ट पेंट (आईएनपी) मेट्रिक की परफ़ॉर्मेंस भी खराब होती है. इसलिए, स्क्रिप्ट को लागू करने की लागत का परफ़ॉर्मेंस पर काफ़ी असर पड़ता है.

2. संख्या: वेबसाइटें, मोबाइल और वेब पर औसतन 21 अलग-अलग तीसरे पक्ष का इस्तेमाल करती हैं. आम तौर पर, तीसरे पक्ष के टैग, टैग मैनेजमेंट टूल की मदद से जोड़े जाते हैं. इन टूल को तकनीकी/डेवलपमेंट टीम सीधे तौर पर कंट्रोल नहीं करती. ज़रूरी नहीं होने वाले टैग, अन्य टीमें समीक्षा की प्रक्रिया के बिना जोड़ सकती हैं. साथ ही, उन्हें कभी नहीं हटाया जाता. इनसे उपयोगकर्ता अनुभव, पेज के साइज़ या सीपीयू के इस्तेमाल पर काफ़ी असर पड़ सकता है. गवर्नेंस प्रोसेस सेट अप करके, ऐसी स्थितियों को हल किया जा सकता है. साथ ही, डेवलपर हर सेवा देने वाली कंपनी के असर का ऑडिट कर सकते हैं. अगर डेवलपर के पास उन सभी तीसरे पक्षों के लिए डेटा उपलब्ध हो जो परफ़ॉर्मेंस पर असर, फ़ायदे, और तुलना के लिए नुकसान के साथ कोई खास फ़ंक्शन उपलब्ध कराते हैं, तो इससे मदद मिलेगी. टीमों को एक और समस्या का सामना करना पड़ता है. कई साइटों के लिए, उनके तीसरे पक्ष के टैग सिर्फ़ प्रोडक्शन में चलते हैं, लेकिन डेवलपमेंट एनवायरमेंट में नहीं. इससे डेवलपर के लिए, इन टैग की जांच करना ज़्यादा मुश्किल हो जाता है.

3. नेटवर्क: तीसरे पक्ष के कॉन्टेंट को अलग-अलग सोर्स पर होस्ट किया जाता है. इसलिए, ब्राउज़र को उनसे कॉन्टेंट डाउनलोड करने के लिए ज़्यादा कनेक्शन बनाने पड़ते हैं. अलग-अलग कनेक्शन, प्राथमिकता के आधार पर डाउनलोड को मैनेज नहीं कर सकते. इस वजह से, नेटवर्क पर लोड बढ़ जाता है. अगर सही ऑप्टिमाइज़ेशन नहीं किए जाते हैं, तो पेज लोड होने में और देरी हो सकती है.

4. सीक्वेंसिंग: तीसरे पक्ष, मुख्य थ्रेड को ब्लॉक कर सकते हैं और ज़्यादा अहम संसाधनों के लिए बैंडविड्थ का इस्तेमाल कर सकते हैं. हालांकि, कुछ मामलों में पेज को रेंडर करने के लिए, तीसरे पक्ष के संसाधनों की ज़रूरत होती है. जब वेबसाइटें कई तीसरे पक्षों का इस्तेमाल करती हैं, तो पहले और तीसरे पक्ष के रिसॉर्स को सही क्रम में लगाना ज़रूरी हो जाता है. वेब डेवलपर को क्रम से लगाने की प्रोसेस को ऑप्टिमाइज़ करने के लिए, उपलब्ध अलग-अलग विकल्पों के बारे में पता होना चाहिए.

ऊपर बताई गई वजहों से, तीसरे पक्ष के कॉन्टेंट का असर, Core Web Vitals के किसी एक या सभी कॉम्पोनेंट पर पड़ सकता है. ज़्यादातर तीसरे पक्ष, सबसे बड़े कॉन्टेंटफ़ुल पेंट (एलसीपी) और फ़र्स्ट इनपुट डिले (एफ़आईडी) पर बुरा असर डालते हैं. मोबाइल पर 10% वेबसाइटों के लिए, YouTube एम्बेड मुख्य थ्रेड को 4.5 सेकंड के लिए ब्लॉक करते हैं. साथ ही, जिन वेबसाइटों का अध्ययन किया गया उनमें से 50% वेबसाइटों के लिए, एम्बेड कम से कम 1.6 सेकंड के लिए ब्लॉक करते हैं. धीमे इंटरनेट कनेक्शन पर, अगर किसी उपयोगकर्ता को 20 ऐसी स्क्रिप्ट वाला पेज मिलता है, तो उसकी परेशानी का अंदाज़ा लगाएं. thirdpartyweb.today से मिले इस विज़ुअलाइज़ेशन में, उन तीसरे पक्षों की जानकारी दी गई है जिनकी वजह से फ़िलहाल परफ़ॉर्मेंस पर सबसे ज़्यादा असर पड़ा है.