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