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