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

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

Annie Sullivan
Annie Sullivan

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

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

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

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

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

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

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

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

लगातार अपडेट होते रहने वाले आईएनपी

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

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

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

टूल ऐसा फ़ील्ड जो अब काम नहीं करता नया फ़ील्ड
CrUX एपीआई experimental_interaction_to_next_paint interaction_to_next_paint
CrUX इतिहास एपीआई experimental_interaction_to_next_paint interaction_to_next_paint
CrUX BigQuery 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
एपीआई के पुराने और नए आईएनपी फ़ील्ड के नाम का मैप.
* लाइटहाउस, वर्शन 11 में एक्सपेरिमेंट के लिए बनाए गए आईएनपी फ़ील्ड का इस्तेमाल बंद कर देगा.

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

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

आईएनपी के साथ शुरुआत करें

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

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

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

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

आगे सड़क

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

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