इनपुट के इंतज़ार का अनुमानित समय

इनपुट के इंतज़ार का अनुमानित समय, लाइटहाउस रिपोर्ट के परफ़ॉर्मेंस सेक्शन में ट्रैक की गई छह मेट्रिक में से एक है. हर मेट्रिक, पेज लोड होने की स्पीड के कुछ पहलुओं को कैप्चर करती है.

लाइटहाउस रिपोर्ट में, इनपुट के इंतज़ार का अनुमानित समय मिलीसेकंड में दिखाया जाता है:

लाइटहाउस के अनुमानित इनपुट के इंतज़ार का समय बताने वाले ऑडिट का स्क्रीनशॉट

इनपुट के इंतज़ार के समय का अनुमान कैसे लगाया जाता है

इनपुट के इंतज़ार के समय का अनुमान, इस बात का अनुमान है कि पेज लोड होने के पांच सेकंड की सबसे व्यस्त विंडो के दौरान, उपयोगकर्ता के इनपुट का जवाब देने में आपके ऐप्लिकेशन को कितना समय लगेगा. इस ऑडिट में फ़र्स्ट मीनिंगफ़ुल पेंट से लेकर ट्रेस के आखिर तक का समय लिया जाता है. टाइम टू इंटरैक्टिव के बाद, करीब पांच सेकंड लगते हैं. अगर इंतज़ार का समय 50 मि॰से॰ से ज़्यादा है, तो उपयोगकर्ता आपके ऐप्लिकेशन को धीमा मान सकते हैं.

RAIL परफ़ॉर्मेंस मॉडल का सुझाव देता है कि ऐप्लिकेशन 100 मि॰से॰ के अंदर उपयोगकर्ता के इनपुट का जवाब दें, जबकि लाइटहाउस का अनुमानित इनपुट इंतज़ार का समय 50 मि॰से॰ का टारगेट स्कोर 50 मि॰से॰ है. ऐसा क्यों? Lighthouse, प्रॉक्सी मेट्रिक का इस्तेमाल करता है—मुख्य थ्रेड की उपलब्धता—ताकि यह पता लगाया जा सके कि आपका ऐप्लिकेशन उपयोगकर्ता के इनपुट का कितना अच्छा जवाब देता है.

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

करीब 90% उपयोगकर्ताओं को लाइटहाउस के इनपुट के इंतज़ार का समय या इससे कम का सामना करना पड़ेगा. 10% उपयोगकर्ताओं को इंतज़ार का समय ज़्यादा हो सकता है.

इनपुट के इंतज़ार के समय का अनुमान लगाने के अनुमानित स्कोर को बेहतर बनाने का तरीका

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

इनपुट के इंतज़ार के समय का अनुमान मैन्युअल तरीके से मापने का तरीका

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

संसाधन