মোট ব্লকিং টাইম (TBT)

টোটাল ব্লকিং টাইম (TBT) হল লোডের প্রতিক্রিয়া পরিমাপের জন্য একটি গুরুত্বপূর্ণ ল্যাব মেট্রিক । এটি ফার্স্ট কনটেন্টফুল পেইন্ট (FCP) এর পরে মোট সময় পরিমাপ করে যেখানে ব্যবহারকারীর ইনপুটের প্রতিক্রিয়া রোধ করার জন্য মূল থ্রেডটি যথেষ্ট দীর্ঘ সময়ের জন্য অবরুদ্ধ ছিল। একটি কম টিবিটি নিশ্চিত করতে সাহায্য করে যে পৃষ্ঠাটি ব্যবহারযোগ্য

ডিফল্টরূপে, লাইটহাউস টাইম টু ইন্টারঅ্যাকটিভ (টিটিআই) এর পরে টিবিটি পর্যবেক্ষণ করা বন্ধ করে দেয়, যেমন কিছু অন্যান্য ল্যাব সরঞ্জাম যা পৃষ্ঠা লোড পরিমাপ করে। আরও তথ্যের জন্য, দেখুন টিবিটি টিটিআই এর সাথে কীভাবে সম্পর্কিত? .

একটি দীর্ঘ টাস্ক থাকলে মূল থ্রেডটিকে "অবরুদ্ধ" হিসাবে বিবেচনা করা হয় — একটি টাস্ক যা মূল থ্রেডে 50 মিলিসেকেন্ডের (এমএস) বেশি সময় ধরে চলে। আমরা বলি যে মূল থ্রেডটি "অবরুদ্ধ" কারণ ব্রাউজারটি চলমান কোনো কাজকে বাধা দিতে পারে না। যদি কোনও ব্যবহারকারী দীর্ঘ টাস্কের মাঝখানে পৃষ্ঠাটির সাথে ইন্টারঅ্যাক্ট করার চেষ্টা করে, তবে ব্রাউজারকে অবশ্যই প্রতিক্রিয়া জানানোর আগে কাজটি শেষ হওয়ার জন্য অপেক্ষা করতে হবে।

যদি মূল থ্রেডটি 50 ms-এর বেশি সময়ের জন্য ব্লক করা থাকে, তাহলে ব্যবহারকারী সম্ভবত বিলম্বটি লক্ষ্য করবেন এবং পৃষ্ঠাটিকে মন্থর বা ভাঙা হিসাবে উপলব্ধি করবেন।

একটি প্রদত্ত দীর্ঘ টাস্কের ব্লক করার সময় হল 50 ms এর বেশি সময়কাল। একটি পৃষ্ঠার জন্য মোট ব্লকিং সময় হল প্রতিটি দীর্ঘ টাস্কের ব্লকিং সময়ের সমষ্টি যা পরিমাপিত সময়সীমার জন্য FCP-এর পরে ঘটে (সাধারণত পৃষ্ঠা লোড সরঞ্জামগুলির জন্য TTI, বা অন্যান্য টুলিংয়ের জন্য মোট ট্রেস সময়)।

উদাহরণস্বরূপ, পৃষ্ঠা লোডের সময় ব্রাউজারের প্রধান থ্রেডের নিম্নলিখিত চিত্রটি বিবেচনা করুন:

প্রধান থ্রেডে একটি টাস্ক টাইমলাইন
প্রধান থ্রেডে কাজের একটি টাইমলাইন।

এই টাইমলাইনে পাঁচটি টাস্ক রয়েছে, যার মধ্যে তিনটি লম্বা টাস্ক কারণ তাদের সময়কাল 50 ms ছাড়িয়ে গেছে। পরবর্তী চিত্রটি প্রতিটি দীর্ঘ কাজের জন্য ব্লক করার সময় দেখায়:

প্রধান থ্রেডে একটি টাস্ক টাইমলাইন ব্লক করার সময় দেখাচ্ছে
একই কাজ, ব্লক করার সময় চিহ্নিত করা আছে।

মূল থ্রেডে কাজ চালানোর জন্য মোট সময় ব্যয় করা হয় 560 ms, এবং সেই সময়ের 345 ms কে ব্লকিং টাইম হিসাবে বিবেচনা করা হয়।

টাস্কের সময়কাল টাস্ক ব্লকিং সময়
একটি টাস্ক 250 ms 200 ms
টাস্ক দুই 90 ms 40 ms
টাস্ক তিন 35 মি.সে 0 ms
টাস্ক চার 30 ms 0 ms
টাস্ক পাঁচ 155 ms 105 ms
মোট ব্লকিং সময় 345 ms

টিবিটি টিটিআই এর সাথে কীভাবে সম্পর্কিত?

টিবিটি একটি নির্দিষ্ট সময়ের মধ্যে পরিমাপ করা হয়। কিছু ল্যাব টুলের জন্য যা ঐতিহ্যগতভাবে পৃষ্ঠার লোড পরিমাপ করে, যেমন লাইটহাউস, টিবিটি টিটিআই পর্যন্ত পরিমাপ করা হয়েছে কারণ এটি নির্ভরযোগ্যভাবে ইন্টারেক্টিভ হওয়ার আগে একটি পৃষ্ঠা কতটা অ-ইন্টারেক্টিভ তার তীব্রতা পরিমাপ করতে সাহায্য করে। যাইহোক, আপনি TTI এর বাইরে TBT পরিমাপ করা চালিয়ে যেতে পারেন, উদাহরণস্বরূপ লাইটহাউস টাইমস্প্যান মোডে।

টিটিআই একটি পৃষ্ঠাকে "বিশ্বস্তভাবে ইন্টারেক্টিভ" বিবেচনা করে যদি মূল থ্রেডটি কমপক্ষে পাঁচ সেকেন্ডের জন্য দীর্ঘ টাস্ক মুক্ত থাকে। এর মানে হল যে 10 সেকেন্ডের মধ্যে ছড়িয়ে থাকা তিনটি 51 ms টাস্ক টিটিআইকে 10-সেকেন্ডের একটি টাস্কের মতো পিছনে ঠেলে দিতে পারে।

যাইহোক, এই দুটি পরিস্থিতিতে পৃষ্ঠার সাথে ইন্টারঅ্যাক্ট করার চেষ্টা করা ব্যবহারকারীর কাছে খুব আলাদা মনে হয়। তিনটি 51 ms টাস্কের একটি TBT 3 ms হয়, যেখানে একটি মাত্র 10-সেকেন্ডের টাস্কের TBT 9950 ms হয়, যা ব্যবহারকারীর আরও খারাপ অভিজ্ঞতা তৈরি করে।

যেহেতু TBT বহিরাগতদেরকে আরও সঠিকভাবে উপস্থাপন করে, এটি প্রায়শই TTI-এর চেয়ে বেশি সহায়ক মেট্রিক, এমনকি যখন TBT পরিমাপ TTI-এ বন্ধ হয়ে যায়।

টিবিটি পরিমাপ করুন

টিবিটি একটি মেট্রিক যা ল্যাবে পরিমাপ করা উচিত। টিবিটি পরিমাপ করার সর্বোত্তম উপায় হল আপনার সাইটে একটি বাতিঘর কর্মক্ষমতা অডিট চালানো। ব্যবহারের বিবরণের জন্য টিবিটি-তে লাইটহাউস ডকুমেন্টেশন দেখুন।

ল্যাব সরঞ্জাম

একটি ভাল TBT স্কোর কি?

একটি ভাল ব্যবহারকারীর অভিজ্ঞতা প্রদানের জন্য, গড় মোবাইল হার্ডওয়্যারে পরীক্ষা করার সময় সাইটগুলির 200 মিলিসেকেন্ডের কম TBT থাকা উচিত৷

কিভাবে আপনার পৃষ্ঠার TBT আপনার Lighthouse পারফরম্যান্স স্কোরকে প্রভাবিত করে তার বিশদ বিবরণের জন্য, দেখুন কিভাবে Lighthouse আপনার TBT স্কোর নির্ধারণ করে

টিবিটি উন্নত করুন

একটি নির্দিষ্ট সাইটের জন্য টিবিটি কীভাবে উন্নত করা যায় তা শিখতে, একটি লাইটহাউস পারফরম্যান্স অডিট চালান এবং অডিট প্রস্তাবিত যে কোনও নির্দিষ্ট সুযোগের দিকে মনোযোগ দিন।

সাধারণভাবে (যেকোন সাইটের জন্য) টিবিটি কীভাবে উন্নত করা যায় তা শিখতে, নিম্নলিখিত কার্যকারিতা নির্দেশিকাগুলি পড়ুন: