আনুমানিক ইনপুট লেটেন্সি হল লাইটহাউস রিপোর্টের পারফরম্যান্স বিভাগে ট্র্যাক করা ছয়টি মেট্রিকের মধ্যে একটি। প্রতিটি মেট্রিক পৃষ্ঠা লোড গতির কিছু দিক ক্যাপচার করে।
লাইটহাউস রিপোর্ট মিলিসেকেন্ডে আনুমানিক ইনপুট লেটেন্সি প্রদর্শন করে:
আনুমানিক ইনপুট লেটেন্সি কি পরিমাপ করে
আনুমানিক ইনপুট লেটেন্সি হল পৃষ্ঠা লোডের ব্যস্ততম 5 সেকেন্ড উইন্ডোর সময় আপনার অ্যাপ ব্যবহারকারীর ইনপুটে প্রতিক্রিয়া জানাতে কতক্ষণ সময় নেয় তার একটি অনুমান। এই অডিটের সময় হল ফার্স্ট মিনিংফুল পেইন্ট থেকে ট্রেসের শেষ পর্যন্ত, যা টাইম টু ইন্টারেক্টিভের প্রায় 5 সেকেন্ড পরে। যদি আপনার লেটেন্সি 50 ms-এর বেশি হয়, তাহলে ব্যবহারকারীরা আপনার অ্যাপকে পিছিয়ে বলে মনে করতে পারেন।
RAIL পারফরম্যান্স মডেল সুপারিশ করে যে অ্যাপগুলি 100 ms এর মধ্যে ব্যবহারকারীর ইনপুটের প্রতিক্রিয়া জানায়, যখন Lighthouse এর আনুমানিক ইনপুট লেটেন্সি লক্ষ্য স্কোর 50 ms। কেন? Lighthouse একটি প্রক্সি মেট্রিক ব্যবহার করে—প্রধান থ্রেডের উপলভ্যতা—আপনার অ্যাপ ব্যবহারকারীর ইনপুটে কতটা সাড়া দেয় তা পরিমাপ করতে।
Lighthouse অনুমান করে যে ব্যবহারকারীর ইনপুটকে সম্পূর্ণরূপে প্রতিক্রিয়া জানাতে আপনার অ্যাপের 50 ms প্রয়োজন (যেকোন জাভাস্ক্রিপ্ট এক্সিকিউশন করা থেকে শুরু করে স্ক্রিনে নতুন পিক্সেলগুলিকে শারীরিকভাবে আঁকা পর্যন্ত)। যদি আপনার প্রধান থ্রেড 50 ms বা তার বেশি সময়ের জন্য অনুপলব্ধ হয়, তাহলে আপনার অ্যাপটি প্রতিক্রিয়া সম্পূর্ণ করার জন্য যথেষ্ট সময় দেয় না।
আনুমানিক 90% ব্যবহারকারী লাইটহাউসের রিপোর্ট করা ইনপুট লেটেন্সির পরিমাণ বা তার কম সম্মুখীন হবে। 10% ব্যবহারকারী উচ্চতর বিলম্ব আশা করতে পারেন।
কিভাবে আপনার আনুমানিক ইনপুট লেটেন্সি স্কোর উন্নত করবেন
আপনার অ্যাপ ব্যবহারকারীর ইনপুটে দ্রুত প্রতিক্রিয়া জানাতে, ব্রাউজারে আপনার কোড কীভাবে চলে তা অপ্টিমাইজ করুন। গুগলের রেন্ডারিং পারফরম্যান্স পৃষ্ঠায় বর্ণিত কৌশলগুলির সিরিজ দেখুন। এই টিপসগুলি অফলোডিং কম্পিউটেশন থেকে শুরু করে ওয়েব কর্মীদের মূল থ্রেড মুক্ত করার জন্য, কম গণনা করার জন্য আপনার CSS নির্বাচকদের রিফ্যাক্টর করা, CSS বৈশিষ্ট্যগুলি ব্যবহার করা যা ব্রাউজার-নিবিড় ক্রিয়াকলাপগুলির পরিমাণকে কম করে।
কিভাবে ম্যানুয়ালি আনুমানিক ইনপুট লেটেন্সি পরিমাপ করা যায়
ম্যানুয়ালি আনুমানিক ইনপুট লেটেন্সি পরিমাপ করতে, Chrome DevTools টাইমলাইন দিয়ে একটি রেকর্ডিং করুন৷ কর্মপ্রবাহের উদাহরণের জন্য কম প্রধান থ্রেড কাজ করুন দেখুন। মৌলিক ধারণা হল একটি রেকর্ডিং শুরু করা, আপনি যে ব্যবহারকারীর ইনপুটটি পরিমাপ করতে চান তা সঞ্চালন করুন, রেকর্ডিং বন্ধ করুন এবং তারপরে পিক্সেল পাইপলাইনের সমস্ত পর্যায় 50 ms এর মধ্যে সম্পূর্ণ হয়েছে তা নিশ্চিত করতে শিখা চার্ট বিশ্লেষণ করুন।