पब्लिश होने की तारीख: 20 मई, 2025
जब किसी वेब प्लैटफ़ॉर्म की सुविधा को हर ब्राउज़र में लागू किया जाता है, तो वह नई सुविधा के तौर पर उपलब्ध हो जाती है. तीस महीनों के बाद, यह सुविधा बेसलाइन के तौर पर उपलब्ध हो जाती है. यह एक थ्रेशोल्ड है, जिसमें ज़्यादातर वेबसाइटें बिना किसी समस्या के सुविधाओं को अपना सकती हैं. इस गाइड में, बेसलाइन का इस्तेमाल करने का तरीका बताया गया है. साथ ही, इसमें यह भी बताया गया है कि आपकी वेबसाइट के उपयोगकर्ताओं से मिले डेटा का इस्तेमाल करके, बेसलाइन टारगेट कैसे चुना जाता है.
बेसलाइन टारगेट क्या होता है?
बेसलाइन टारगेट, वेब सुविधाओं का एक ग्रुप होता है. डेवलपर, बेसलाइन स्टेटस के आधार पर इन सुविधाओं को इस्तेमाल करने का विकल्प चुन सकते हैं. बेसलाइन टारगेट दो तरह के होते हैं: मूविंग टारगेट और फ़िक्स्ड टारगेट.
मूविंग टारगेट ऐसे टारगेट होते हैं जिनमें समय के साथ सुविधाओं का सेट बदल सकता है. जैसे, बेसलाइन के तौर पर ज़्यादातर लोगों के लिए उपलब्ध या बेसलाइन के तौर पर हाल ही में उपलब्ध. मूविंग टारगेट का इस्तेमाल तब किया जाता है, जब आपको ब्राउज़र के नए वर्शन रिलीज़ होने पर, काम करने वाली सुविधाओं के सेट को अपने-आप अपडेट करना हो.
फ़िक्स्ड टारगेट वे होते हैं जिनमें समय के साथ सुविधाओं का सेट नहीं बदलता. आम तौर पर, तय किए गए टारगेट कैलेंडर साल के हिसाब से तय किए जाते हैं. उदाहरण के लिए, बेसलाइन 2023 एक तय किया गया टारगेट है. इसमें वेब की उन सुविधाओं का सेट शामिल है जो 2023 में नई बेसलाइन के तौर पर उपलब्ध हुईं. बेसलाइन 2023 में ऐसी सुविधाएं शामिल नहीं होंगी जो 2023 के बाद बेसलाइन बनी हैं. इसका मतलब है कि बेसलाइन 2023 की सुविधाओं का सेट कभी नहीं बदलता.
तय किए गए टारगेट उन मामलों में काम के होते हैं जहां अनुमान लगाना और तय करना सबसे अहम होता है. हालांकि, समय के साथ ये टारगेट पुराने हो सकते हैं. इसलिए, तय किए गए टारगेट का इस्तेमाल करते समय, अपने टारगेट का नियमित तौर पर फिर से आकलन करना एक अच्छा तरीका है.
टारगेट क्यों चुनें?
वेब पर सुविधाओं को अपनाने में समस्याएं आती हैं, क्योंकि ये सुविधाएं सभी ब्राउज़र के साथ काम नहीं करती हैं. इस वजह से, वेब को बेहतर बनाने में समस्याएं आती हैं. Baseline से, ब्राउज़र में सुविधाओं के काम करने से जुड़े सवाल का जवाब साफ़ तौर पर मिलता है. साथ ही, इससे यह भी पता चलता है कि कुछ सुविधाओं का इस्तेमाल कब किया जा सकता है. अपनी ऑडियंस और ज़रूरतों के हिसाब से टारगेट चुनने पर, आपको उस टारगेट ग्रुप में मौजूद सुविधाओं का इस्तेमाल करने में आसानी होती है. इसके लिए, आपको एक-एक करके सभी सुविधाओं की जांच करने की ज़रूरत नहीं होती.
अपने बेसलाइन टारगेट को चुनने के लिए डेटा का इस्तेमाल करना
सही बेसलाइन टारगेट चुनने के लिए, डेटा के आधार पर फ़ैसला लेना चाहिए. डेटा मिलने के बाद, यह तय करना आसान हो जाता है कि किस टारगेट को चुना जाए. साथ ही, सोच-समझकर फ़ैसला लिया जा सकता है.
अगर आपकी साइट के लिए रीयल यूज़र मॉनिटरिंग का डेटा उपलब्ध है, तो यह जाना जा सकता है कि बेसलाइन टारगेट, आपके उपयोगकर्ताओं से कैसे मैप होते हैं. उदाहरण के लिए, अगर Google Analytics का इस्तेमाल किया जाता है, तो इस जानकारी को बिना किसी शुल्क के पाने का तरीका है Google Analytics Baseline Checker का इस्तेमाल करना.
इसका इस्तेमाल करने के लिए, आपको Google Analytics में नई एक्सप्लोरेशन रिपोर्ट बनानी होगी. साथ ही, अपनी रिपोर्ट में कुछ मेट्रिक और डाइमेंशन जोड़ने होंगे. इसके बाद, रिपोर्ट को टीएसवी फ़ाइल के तौर पर एक्सपोर्ट करना होगा. इस प्रोसेस के बारे में इन निर्देशों में ज़्यादा जानकारी दी गई है. TSV फ़ाइल को चेकर में इंपोर्ट करने पर, आपको ऐसा आउटपुट मिलेगा:

हम देख रहे हैं कि अन्य टूल, बेसलाइन के लिए सहायता लागू कर रहे हैं. इससे आपको यह डाइनैमिक व्यू मिल सकता है कि आपके दर्शकों में से कितने लोग किसी टारगेट का समर्थन करते हैं. उदाहरण के लिए, RUMvision में एक डैशबोर्ड शामिल होता है. इससे पता चलता है कि आपकी ऑडियंस में से कितने लोगों के डिवाइस पर, हर बेसलाइन साल के लिए सहायता उपलब्ध है.
अगर मेरे Analytics या RUM सेवा देने वाली कंपनी के पास अब तक बेसलाइन टारगेट रिपोर्ट नहीं है, तो क्या होगा?
अगर किसी ऐसे Analytics या RUM टूल का इस्तेमाल किया जा रहा है जो अब तक बेसलाइन टारगेट रिपोर्ट उपलब्ध नहीं कराता है, लेकिन उसमें ब्राउज़र वर्शन का डेटा मौजूद है, तो baseline-browser-mapping
मॉड्यूल से ब्राउज़र वर्शन की मैपिंग के साथ अपने असल डेटा को जोड़ा जा सकता है. यह मॉड्यूल, एक JavaScript फ़ंक्शन - getAllVersions()
- उपलब्ध कराता है. यह फ़ंक्शन, ब्राउज़र के नाम और वर्शन को उनके बेसलाइन साल और 'आम तौर पर उपलब्ध' सुविधा के लिए सहायता की स्थिति के साथ मैप करता है. इन मैपिंग को ऐरे, कुंजी वाले ऑब्जेक्ट या CSV के तौर पर उपलब्ध कराया जा सकता है. उदाहरण के लिए, Google Analytics का बेसलाइन चेकर, इस मॉड्यूल का इस्तेमाल करके Analytics डेटा को बेसलाइन टारगेट के साथ जोड़ता है.
इस फ़ंक्शन के आउटपुट, होस्ट की गई JSON या CSV फ़ाइलों के तौर पर भी उपलब्ध होते हैं. ये फ़ाइलें हर दिन अपडेट की जाती हैं. all_versions_with_supports.csv
फ़ाइल में ऐसा डेटा होता है जिसे इन फ़ील्ड का इस्तेमाल करके, Analytics सेवा देने वाली कंपनियों के ब्राउज़र वर्शन के डेटा से मैच किया जा सकता है:
browser
: ब्राउज़र का वह नाम जिसका इस्तेमालbaseline-browser-mapping
में किया गया हैversion
: ब्राउज़र का वर्शन. कुछ ब्राउज़र सिर्फ़ मेजर वर्शन नंबर का इस्तेमाल करते हैं, जबकि अन्य ब्राउज़र major.minor वर्शन नंबर का इस्तेमाल करते हैं.year
: यह ब्राउज़र वर्शन, Baseline year की सुविधाओं के इस सेट के साथ काम करता है. अगर कोई ब्राउज़र वर्शन जुलाई 2015 में, बेसलाइन सपोर्ट तय किए जाने से पहले रिलीज़ किया गया था, तो इस फ़ील्ड मेंpre_baseline
होगाsupports
: इस फ़ील्ड में, उन ब्राउज़र वर्शन के लिएwidely
याnewly
होता है जिनमें ये सुविधाएं काम करती हैं. साथ ही, उन वर्शन के लिए यह फ़ील्ड खाली होता है जिनमें ये सुविधाएं काम नहीं करती हैं. 'नई सुविधा' के साथ काम करने वाले सभी ब्राउज़र वर्शन, 'सभी के लिए उपलब्ध' सुविधा के साथ भी काम करते हैं.release_date
: यह ब्राउज़र वर्शन कब रिलीज़ हुआ था. यह जानकारी सिर्फ़ तब दिखती है, जब उपलब्ध हो.engine
: यह इंजन का नाम है. यह उन ब्राउज़र के लिए है जो कोर बेसलाइन ब्राउज़र के डाउनस्ट्रीम में हैं. इसमें सिर्फ़ Blink पर आधारित ब्राउज़र शामिल हैं. हालांकि, आने वाले समय में अन्य ब्राउज़र इंजन को भी शामिल किया जा सकता है.engine_version
: यह ब्राउज़र वर्शन, Chromium के जिस वर्शन पर काम करता है. इसका इस्तेमाल यह तय करने के लिए किया जाता है कि डाउनस्ट्रीम वर्शन, बेसलाइन की किस सुविधा के सेट के साथ काम करता है.
ब्राउज़र के नए वर्शन रिलीज़ होने और अलग-अलग ब्राउज़र के सहायता स्टेटस में बदलाव होने पर, इस फ़ाइल को अक्सर अपडेट किया जाता है. पक्का करें कि डेटा को हर दिन रीफ़्रेश किया जाता हो.
अगर मेरे पास असली उपयोगकर्ताओं का सहायता डेटा नहीं है, तो क्या होगा?
ऐसा हो सकता है कि आपको उन सुविधाओं के लिए असली उपयोगकर्ता का डेटा न मिले जो बेसलाइन में शामिल हैं. अच्छी बात यह है कि आरयूएम संग्रह की अहम जानकारी की मदद से, अलग-अलग बेसलाइन टारगेट के लिए सहायता के बारे में सामान्य जानकारी पाई जा सकती है. इससे आपको देश के हिसाब से फ़िल्टर करने की सुविधा भी मिलती है. हालांकि, यह डेटा आपकी वेबसाइट के उपयोगकर्ताओं के हिसाब से नहीं होगा. यह सामान्य जानकारी देने वाला टूल है. इससे पता चलता है कि ये अनुमान आम तौर पर सुरक्षित होते हैं:
- नए बेसलाइन टारगेट, जैसे कि मौजूदा साल या पिछले साल के टारगेट को आपके उपयोगकर्ताओं से सबसे कम मदद मिलने की संभावना होती है. हालांकि, किसी भी बेसलाइन टारगेट की तरह, समय के साथ इन्हें बेहतर तरीके से सपोर्ट किया जाएगा.
- पुराने बेसलाइन टारगेट, खास तौर पर 'व्यापक तौर पर उपलब्ध' बेसलाइन टारगेट को अच्छी तरह से सपोर्ट किया जाएगा. अगर आपको कोई शक है, तो 'सभी के लिए उपलब्ध' एक बेहतरीन टारगेट है. यह 30 महीने की विंडो के दौरान समय के साथ बदलता रहता है.
- बेसलिन के पुराने टारगेट (जो 30 महीने की अवधि से ज़्यादा समय से उपलब्ध हैं) के लिए भी बेहतर सहायता मिलेगी. 'सभी के लिए उपलब्ध' एक अच्छा डिफ़ॉल्ट टारगेट है. हालांकि, कुछ खास मामलों में एसएलए का सख्ती से पालन करना ज़रूरी होता है.
ऐसा हो सकता है कि पांच साल से ज़्यादा पुराने बेसलाइन टारगेट को चुनने पर भी, आपको ऐसी सुविधाएं अपनाने का विकल्प मिले जिनका इस्तेमाल फ़िलहाल नहीं किया जा रहा है. सबसे अच्छे मामले में, हो सकता है कि आप पहले से ही इन सुविधाओं का इस्तेमाल कर रहे हों. हालांकि, हो सकता है कि आपको ऐसे पॉलीफ़िल की ज़रूरत न हो.
मैं अपने प्रोजेक्ट में, चुनी गई बेसलाइन के टारगेट को कैसे लागू करूं?
Browserslist, उन ब्राउज़र को टारगेट करने का एक तरीका है जिन पर आपको काम करना है. इसका इस्तेमाल बंडलर और इससे जुड़े अन्य टूल, जैसे कि Babel और PostCSS में किया जाता है. इससे यह तय किया जाता है कि कोड के कुछ हिस्सों को ट्रांसफ़ॉर्म करने या पॉलीफ़िल करने की ज़रूरत है या नहीं.
अब Browserslist के साथ Baseline का इस्तेमाल किया जा सकता है. इससे, Baseline टारगेट चुनने पर, उसे मान्य Browserslist क्वेरी के तौर पर सेट किया जा सकता है. इससे यह पक्का होता है कि आपके प्रोजेक्ट में मौजूद टूल, आपके चुने गए टारगेट के हिसाब से कोड को बदलें. ज़्यादा जानकारी के लिए, Browserslist के साथ Baseline का इस्तेमाल करना लेख पढ़ें.
उन सुविधाओं के बारे में क्या होगा जो मेरे बेसलाइन टारगेट को पूरा नहीं करती हैं?
बेसलाइन टारगेट चुनने के बाद, हो सकता है कि आपके पास ऐसी सुविधाएं हों जिनका इस्तेमाल करना हो, लेकिन वे उस टारगेट के दायरे में न आती हों. बेसलाइन से यह पता नहीं चलता कि आपको यहां क्या करना चाहिए. साथ ही, इन सुविधाओं का इस्तेमाल करना है या नहीं, यह इस बात पर निर्भर करता है कि आपको किस तरह की वेबसाइट बनानी है और आपकी संभावित ऑडियंस कौनसी है.
उदाहरण के लिए, ई-कॉमर्स या B2B वेबसाइटें, सहायता के लिए कम थ्रेशोल्ड सेट कर सकती हैं. साथ ही, उपयोगकर्ताओं की सहायता के आधार पर समस्याओं को हल कर सकती हैं. वहीं, सरकारी वेबसाइटों को सहायता के लिए ज़्यादा थ्रेशोल्ड की ज़रूरत पड़ सकती है. यहां एक अहम नियम यह है कि सभी वेब सुविधाएं एक ही तरह से काम नहीं करती हैं. सुविधाओं के काम न करने की वजहों को कई तरह से कैटगरी में बांटा जा सकता है. हालांकि, काम की सुविधाओं को कैटगरी में बांटने का एक तरीका यहां दिया गया है:
- बेहतर अनुभव: अगर इस सुविधा का इस्तेमाल ऐसे ब्राउज़र में किया जाता है जिस पर यह काम नहीं करती है, तो भी उपयोगकर्ता को कोई समस्या नहीं होगी. ऐसा हो सकता है कि उपयोगकर्ता अनुभव खराब हो जाए, लेकिन हो सकता है कि उपयोगकर्ता को इसका पता न चले. उदाहरण:
loading="lazy"
. - अतिरिक्त: इस सुविधा से कुछ अतिरिक्त फ़ायदे मिलते हैं. जैसे, पेज की स्टाइल में बदलाव या कुछ फ़ंक्शन में बदलाव. अगर सुविधा काम नहीं करती है, तो उपयोगकर्ताओं को अंतर नहीं दिख सकता. हालांकि, यह अंतर उस ब्राउज़र में दिख सकता है जिस पर यह सुविधा काम करती है. उदाहरण: Subgrid
- गंभीर: अगर सुविधा काम नहीं करती है, तो उपयोगकर्ता को खराब अनुभव मिलेगा. ऐसा भी हो सकता है कि सुविधा पूरी तरह से काम न करे. उदाहरण: फ़ाइल सिस्टम ऐक्सेस एपीआई का इस्तेमाल, मुख्य और ज़रूरी सुविधा के तौर पर किया जाता है.
ऐसा भी हो सकता है कि आपके टारगेट से बाहर की कुछ सुविधाओं के लिए, आपको उम्मीद से ज़्यादा सहायता मिले. इससे यह पता लगाया जा सकता है कि कितने उपयोगकर्ताओं के पास किसी सुविधा का ऐक्सेस है. Can I Use में, Analytics के डेटा के हिसाब से अलग-अलग सुविधाओं के काम करने की स्थिति की जांच करने की सुविधा होती है. अगर आपको फ़ीचर लेवल का डेटा देखना है, तो RUMvision में यह सुविधा भी उपलब्ध है.
इस तरह, आपको उन सुविधाओं की संख्या कम करने में मदद मिलेगी जिन पर आपको ध्यान से विचार करना है. इसके लिए, अपने बेसलाइन टारगेट का इस्तेमाल किया जा सकता है. आपके टारगेट के अंदर मौजूद हर चीज़ के बारे में आपको चिंता करने की ज़रूरत नहीं है. अगर आपके टारगेट किए गए ब्राउज़र के अलावा, एक या दो ऐसी सुविधाएं हैं जो आपके लिए खास तौर पर काम की हो सकती हैं, तो आपके पास इन सुविधाओं के बारे में ज़्यादा जानने के लिए टूल मौजूद हैं. इनकी मदद से, यह तय किया जा सकता है कि आपको पोलीफ़िल का इस्तेमाल करना है या प्रोग्रेसिव एन्हांसमेंट के तौर पर इनका इस्तेमाल करना है.
नतीजा
हर वेब ऐप्लिकेशन की अलग-अलग ज़रूरतें होती हैं. जैसे, ई-कॉमर्स साइट पर कुछ हद तक असंगतता की समस्याएं हो सकती हैं. वहीं, सरकारी वेबसाइट पर यह ज़रूरी है कि वह ज़्यादा से ज़्यादा उपयोगकर्ताओं के लिए उपलब्ध हो और काम करे. ये ऐसे कैलकुलेशन हैं जिन्हें आपको खुद करना होगा. Baseline का मकसद यह नहीं है कि वह आपको यह बताए कि नई वेब सुविधाओं को अपनाने के लिए क्या फ़ैसले लेने चाहिए. हालांकि, यह ज़रूर बताता है कि कैसे फ़ैसले लेने चाहिए.