টাইম টু ইন্টারঅ্যাকটিভ (টিটিআই) হল লোড প্রতিক্রিয়াশীলতা পরিমাপের জন্য একটি ল্যাব মেট্রিক । এটি এমন ক্ষেত্রে সনাক্ত করতে সাহায্য করে যেখানে একটি পৃষ্ঠা ইন্টারেক্টিভ দেখায় কিন্তু আসলে তা নয়। একটি দ্রুত TTI নিশ্চিত করতে সাহায্য করে যে পৃষ্ঠাটি ব্যবহারযোগ্য ।
TTI কি?
টিটিআই মেট্রিক পৃষ্ঠাটি লোড হতে শুরু করার সময় থেকে এর প্রধান উপ-সম্পদ লোড হওয়া পর্যন্ত সময় পরিমাপ করে এবং এটি ব্যবহারকারীর ইনপুটে দ্রুত প্রতিক্রিয়া জানাতে সক্ষম।
একটি ওয়েব পৃষ্ঠার পারফরম্যান্স ট্রেসের উপর ভিত্তি করে TTI গণনা করতে, এই পদক্ষেপগুলি অনুসরণ করুন:
- ফার্স্ট কনটেন্টফুল পেইন্ট (FCP) থেকে শুরু করুন।
- কমপক্ষে পাঁচ সেকেন্ডের একটি শান্ত উইন্ডোর জন্য সময়মতো সার্চ করুন, যেখানে শান্ত উইন্ডোটিকে এইভাবে সংজ্ঞায়িত করা হয়েছে: কোনো দীর্ঘ কাজ নয় এবং দুটির বেশি ইন-ফ্লাইট নেটওয়ার্ক GET অনুরোধ নেই৷
- শান্ত উইন্ডোর আগে শেষ দীর্ঘ টাস্কের জন্য পিছনের দিকে অনুসন্ধান করুন, যদি কোন দীর্ঘ কাজ না পাওয়া যায় তবে FCP এ থামুন।
- টিটিআই হল শান্ত উইন্ডোর আগে শেষ দীর্ঘ টাস্কের শেষ সময় (অথবা যদি কোনও দীর্ঘ টাস্ক না পাওয়া যায় তবে FCP এর মতো একই মান)।
নিম্নলিখিত চিত্রটি উপরের পদক্ষেপগুলি কল্পনা করতে সহায়তা করবে:
ঐতিহাসিকভাবে, বিকাশকারীরা দ্রুত রেন্ডার সময়ের জন্য পৃষ্ঠাগুলি অপ্টিমাইজ করেছে, কখনও কখনও TTI-এর খরচে।
সার্ভার-সাইড রেন্ডারিং (SSR) এর মতো কৌশলগুলি এমন পরিস্থিতিতে নিয়ে যেতে পারে যেখানে একটি পৃষ্ঠা ইন্টারেক্টিভ দেখায় (অর্থাৎ, লিঙ্ক এবং বোতামগুলি স্ক্রিনে দৃশ্যমান), তবে এটি আসলে ইন্টারেক্টিভ নয় কারণ মূল থ্রেডটি ব্লক করা হয়েছে বা জাভাস্ক্রিপ্ট কোডগুলি নিয়ন্ত্রণ করছে উপাদান লোড করা হয় নি.
যখন ব্যবহারকারীরা এমন একটি পৃষ্ঠার সাথে ইন্টারঅ্যাক্ট করার চেষ্টা করে যা দেখতে ইন্টারেক্টিভ দেখায় কিন্তু আসলে তা নয়, তারা সম্ভবত দুটি উপায়ের মধ্যে একটিতে প্রতিক্রিয়া জানাবে:
- সেরা ক্ষেত্রে, তারা বিরক্ত হবেন যে পৃষ্ঠাটি সাড়া দিতে ধীর।
- সবচেয়ে খারাপ পরিস্থিতিতে, তারা ধরে নেবে পৃষ্ঠাটি ভেঙে গেছে এবং সম্ভবত ছেড়ে গেছে। এমনকি তারা আপনার ব্র্যান্ডের মূল্যে আস্থা বা বিশ্বাস হারাতে পারে।
এই সমস্যা এড়াতে, FCP এবং TTI এর মধ্যে পার্থক্য কমানোর জন্য সর্বাত্মক প্রচেষ্টা করুন। এবং এমন ক্ষেত্রে যেখানে একটি লক্ষণীয় পার্থক্য বিদ্যমান, ভিজ্যুয়াল সূচকগুলির মাধ্যমে এটি পরিষ্কার করুন যে আপনার পৃষ্ঠার উপাদানগুলি এখনও ইন্টারেক্টিভ নয়৷
টিটিআই কীভাবে পরিমাপ করবেন
TTI হল একটি মেট্রিক যা ল্যাবে সর্বোত্তম পরিমাপ করা হয়। TTI পরিমাপ করার সর্বোত্তম উপায় হল আপনার সাইটে একটি বাতিঘর কর্মক্ষমতা অডিট চালানো। ব্যবহারের বিশদ বিবরণের জন্য TTI-তে লাইটহাউস ডকুমেন্টেশন দেখুন।
ল্যাব সরঞ্জাম
একটি ভাল TTI স্কোর কি?
একটি ভাল ব্যবহারকারীর অভিজ্ঞতা প্রদান করার জন্য, সাইটগুলিকে গড় মোবাইল হার্ডওয়্যার পরীক্ষা করার সময় 5 সেকেন্ডের কম ইন্টারেক্টিভ করার চেষ্টা করা উচিত৷
কিভাবে আপনার পৃষ্ঠার TTI আপনার Lighthouse পারফরম্যান্স স্কোরকে প্রভাবিত করে তার বিস্তারিত জানার জন্য, দেখুন কিভাবে Lighthouse আপনার TTI স্কোর নির্ধারণ করে ।
কিভাবে TTI উন্নত করা যায়
একটি নির্দিষ্ট সাইটের জন্য TTI কীভাবে উন্নত করা যায় তা শিখতে, আপনি একটি লাইটহাউস পারফরম্যান্স অডিট চালাতে পারেন এবং অডিটের প্রস্তাবিত কোনো নির্দিষ্ট সুযোগের দিকে মনোযোগ দিতে পারেন।
সাধারণভাবে (যেকোন সাইটের জন্য) টিটিআই কীভাবে উন্নত করা যায় তা জানতে, নিম্নলিখিত পারফরম্যান্স গাইডগুলি পড়ুন: