इंटरैक्शन को नेक्स्ट पेंट के साथ आगे बढ़ाना

आईएनपी मेट्रिक अब एक्सपेरिमेंट के तौर पर उपलब्ध नहीं है. जानें कि Chrome को साल 2024 में वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी देने वाला प्लान बनाने के बारे में क्या सोचा जा रहा है.

ऐनी सुलिवन
ऐनी सलिवन
रिक विस्कोमी
रिक विस्कॉमी

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

फ़र्स्ट इनपुट डिले (एफ़आईडी), वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी देने वाली मेट्रिक है. इससे रिस्पॉन्स मिलने की संभावना का पता चलता है. हालांकि, हम पहले भी यह जानकारी दे चुके हैं कि एफ़आईडी की सीमाएं हैं. इससे, हमें एक्सपेरिमेंटल मेट्रिक पर जाकर, सुझाव/राय देने या शिकायत करने की प्रेरणा मिली, जो इन सीमाओं को ज़्यादा बेहतर तरीके से पूरा करती है. साल 2022 में, हमने उस नई मेट्रिक के तौर पर इंटरैक्शन टू नेक्स्ट पेंट (आईएनपी) का एलान किया था. साथ ही, हमने इस मेट्रिक को अपने टूल में बड़े पैमाने पर इस्तेमाल करने के लिए उपलब्ध कराया. साथ ही, कम्यूनिटी के साथ मिलकर यह जांच शुरू की कि यह मेट्रिक कितनी असरदार है.

एक साल तक टेस्टिंग और कम्यूनिटी से सुझाव इकट्ठा करने के बाद, अब हम ट्रेनिंग को शुरू करने और यह एलान करने के लिए तैयार हैं कि आईएनपी अब प्रयोग के तौर पर बंद हो गया है. इसके अलावा, हम मार्च 2024 से आईएनपी को साइट की परफ़ॉर्मेंस की अहम जानकारी देने वाली नई मेट्रिक के तौर पर प्रमोट करने के लिए प्रतिबद्ध हैं. हम एफ़आईडी की जगह, आईएनपी को साइट की परफ़ॉर्मेंस की अहम जानकारी देने वाली नई मेट्रिक के तौर पर शामिल करेंगे.

हम इस पोस्ट में, इस फ़ैसले के पीछे की वजह, इसमें क्या बदलाव हो रहे हैं, और इनका इस्तेमाल शुरू करने के तरीके के बारे में ज़्यादा जानकारी देंगे. इससे Google Search पर क्या असर पड़ता है, इस बारे में ज़्यादा जानने के लिए, उनकी ब्लॉग पोस्ट देखें.

पेज के रिस्पॉन्स के बारे में बतानी वाली बेहतर मेट्रिक

जब हमने 2020 में एफ़आईडी को वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी देने वाली मेट्रिक के तौर पर पेश किया था, तब यह एक बड़ा कदम था. इस सुविधा ने डेवलपर के लिए जवाब का आकलन करने का एक नया तरीका उपलब्ध कराया है, जैसा कि उपयोगकर्ता अनुभव करते हैं. यह हमेशा से वेबसाइट की परफ़ॉर्मेंस की जानकारी देने वाले कार्यक्रम का एक अहम हिस्सा रहा है. ऐसी मिलती-जुलती मेट्रिक जो सिर्फ़ पेज इंटरैक्टिविटी का अनुमान लगाती हैं, जैसे कि टोटल ब्लॉकिंग टाइम (टीबीटी) और टाइम टू इंटरैक्टिव (टीटीआई)—एफ़आईडी से सीधे उपयोगकर्ता अनुभव का आकलन किया जाता है. महत्वपूर्ण रूप से, किसी पेज का TBT या TTI धीमा हो सकता है और फिर भी उसे प्रतिक्रियाशील माना जा सकता है, क्योंकि वास्तविक उपयोगकर्ता पेज के साथ इंटरैक्ट करते हैं.

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

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

बढ़ता हुआ आईएनपी

आज से, आईएनपी पर एक्सपेरिमेंट बंद है. इसके बजाय, इसे वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी देने वाली मेट्रिक माना जाएगा. यह एक नई कैटगरी है, जिससे पता चलता है कि आईएनपी, एफ़आईडी को बदलने के लिए पूरी तरह तैयार है. हालांकि, फ़िलहाल हम इसमें कोई बदलाव नहीं कर रहे हैं. नेटवर्क को अडजस्ट होने का समय देने के लिए, मार्च 2024 में आईएनपी, आधिकारिक तौर पर वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी देने वाली एक स्टेबल मेट्रिक बन जाएगा.

ग्राफ़िक में, आईएनपी के चरणों की टाइमलाइन दिखती है. मई 2022 में, आईएनपी के लिए एक्सपेरिमेंट के तौर पर उपलब्ध होने की सुविधा के लॉन्च से लेकर मई 2023 तक, जब Chrome यह एलान कर रहा है कि आईएनपी अब प्रयोग के तौर पर उपलब्ध नहीं है और इसे वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी देने वाली मेट्रिक की मंज़ूरी मिलनी बाकी है. आखिर में, आईएनपी मेट्रिक, एफ़आईडी की जगह ले रही है.
ग्राफ़िक, आईएनपी के चरणों की टाइमलाइन दिखाता है.

हमारे सभी टूल में, आपको experimental प्रीफ़िक्स या आइकॉन के बिना आईएनपी दिखेगा. अगर आपने प्रोग्राम के हिसाब से, इनमें से किसी भी एपीआई से आईएनपी डेटा का इस्तेमाल किया है, तो आपको गैर-एक्सपेरिमेंट वाले आईएनपी फ़ील्ड पर स्विच करने के लिए अपना कोड अपडेट करना होगा.

टूल बहिष्कृत फ़ील्ड नया फ़ील्ड
CrUX एपीआई experimental_interaction_to_next_paint interaction_to_next_paint
CrUX इतिहास एपीआई experimental_interaction_to_next_paint interaction_to_next_paint
BigQuery के लिए CrUX कार्ड experimental.interaction_to_next_paint interaction_to_next_paint
PageSpeed Insights एपीआई experimental_interaction_to_next_paint interaction_to_next_paint
लाइटहाउस रिपोर्ट* experimental-interaction-to-next-paint interaction-to-next-paint
एपीआई का मैप, जो उनके पुराने और नए आईएनपी फ़ील्ड नाम के साथ जोड़ा गया है.
* Lighthouse, वर्शन 11 में एक्सपेरिमेंटल आईएनपी फ़ील्ड का इस्तेमाल करना बंद कर देगा.

ट्रांज़िशन को आसान बनाने और किसी भी डाउनस्ट्रीम ऐप्लिकेशन को नुकसान से बचाने के लिए, ये एपीआई अगले 90 दिनों तक, एक्सपेरिमेंट के तौर पर उपलब्ध INP फ़ील्ड को दिखाते रहेंगे. प्रयोग वाले आईएनपी फ़ील्ड के लिए, एपीआई काम करने की सुविधा 8 अगस्त, 2023 को बंद हो जाएगी.

वहीं, मार्च 2024 तक एफ़आईडी, वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी देने वाली मेट्रिक के तौर पर काम करेगा. इसके बाद, आईएनपी को वेबसाइट की परफ़ॉर्मेंस की जानकारी देने वाली तीन स्टेबल लिस्ट के तौर पर, सबसे बड़े कॉन्टेंटफ़ुल पेंट (एलसीपी) और कुल लेआउट शिफ़्ट (सीएलएस) से जोड़ दिया जाएगा. आने वाले अपडेट में, हम बदलाव की सटीक अवधि और एफ़आईडी के प्लान के बारे में ज़्यादा जानकारी शेयर करेंगे. हालांकि, ऐसा तब होगा, जब एफ़आईडी को वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी देने वाली मेट्रिक के तौर पर बदल दिया जाएगा.

आईएनपी के बारे में जानकारी

आईएनपी की अच्छी वैल्यू 200 मिलीसेकंड या उससे कम होती हैं. खराब वैल्यू, 500 मिलीसेकंड से ज़्यादा होती हैं. साथ ही, इन वैल्यू में सुधार की ज़रूरत भी होती है.

इसे बेहतर बनाने के लिए, साल 2024 में आईएनपी को वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी देने वाली मेट्रिक बनने का इंतज़ार न करें. ऐसा हो सकता है कि मोबाइल डिवाइसों पर एफ़आईडी परफ़ॉर्मेंस बेहतर करने वाली 93% साइटों में आपकी वेबसाइट भी शामिल हो. हालांकि, आपको यह जानकर हैरानी होगी कि मोबाइल डिवाइसों पर सिर्फ़ 65% साइटों की आईएनपी अच्छी है. आईएनपी से जवाब मिलने में लगने वाले समय की सटीक जानकारी मिलती है, इसलिए इन आंकड़ों से हमें यह साफ़ तौर पर पता चलता है कि आने वाले समय में सुधार की गुंजाइश है या नहीं.

आपकी साइट में आईएनपी से जुड़ी समस्याएं हैं या नहीं, उन्हें ठीक करने के तरीके, और आईएनपी से जुड़ी सभी चीज़ों के बारे में जानने के लिए, आईएनपी को ऑप्टिमाइज़ करने की गाइड का इस्तेमाल करें. चाहे आपको पहली बार रिस्पॉन्स के बारे में जानना हो या परफ़ॉर्मेंस एक्सपर्ट हों, हमने कई नए दिशा-निर्देश जोड़े हैं. इनसे सभी को आईएनपी को मेज़र करने और उसे ऑप्टिमाइज़ करने का तरीका ज़्यादा से ज़्यादा आसान बनाने में मदद मिलेगी.

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

आगे का रास्ता

जवाब देने के लिए एक नया बार तय किया गया है और हमें खुशी है कि कम्यूनिटी, उपयोगकर्ताओं को बेहतर अनुभव देने की चुनौती का सामना कर रही है. शुरुआती सुझाव और केस स्टडी फ़ायदेमंद साबित हुए हैं, लेकिन हम जानते हैं कि कई लोगों के लिए यह फ़ैसला लंबा और अनजान हो सकता है. हम बेहतर डाइग्नोस्टिक्स, tools, और दस्तावेज़ की मदद से, इस प्रोसेस को ज़्यादा से ज़्यादा आसान बनाने की कोशिश करते हैं, ताकि डेवलपर को इस काम में मदद मिल सके.

मार्च 2024 में आईएनपी के ग्रैजुएशन की सटीक तारीख के बारे में अपडेट पाने के लिए हमारे साथ बने रहें. मेट्रिक पर अब प्रयोग नहीं चल रहा है, फिर भी web-vitals-feedback@googlegroups.com पर हमें सुझाव या राय दी जाती है. इससे आईएनपी और वेबसाइट की परफ़ॉर्मेंस की जानकारी देने वाले प्रोग्राम को बेहतर बनाने में मदद मिलती है.