মোট ব্লকিং টাইম (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 এর বাইরেও, উদাহরণস্বরূপ লাইটহাউস টাইমস্প্যান মোডে।

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

প্রথম ক্ষেত্রে, তিনটি, 51 ms টাস্কের একটি TBT 3 ms হবে৷ যেখানে একটি একক, 10-সেকেন্ডের দীর্ঘ টাস্কের টিবিটি 9950 ms হবে৷ দ্বিতীয় ক্ষেত্রে বৃহত্তর TBT মান আরও খারাপ অভিজ্ঞতার পরিমাপ করে।

এই উদাহরণটি দেখায় কেন TBT প্রায়শই TTI-এর চেয়ে ভাল মেট্রিক কারণ এটি বহিরাগতদের জন্য কম প্রবণ। এটি এমনও হয় যখন টিটিআই টিবিটি-এর শেষ পয়েন্ট হিসাবে ব্যবহৃত হয়।

টিবিটি কীভাবে পরিমাপ করবেন

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

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

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

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

আপনার পৃষ্ঠার টিবিটি কীভাবে আপনার লাইটহাউস পারফরম্যান্স স্কোরকে প্রভাবিত করে তার বিশদ বিবরণের জন্য, লাইটহাউস কীভাবে আপনার টিবিটি স্কোর নির্ধারণ করে তা দেখুন

কিভাবে টিবিটি উন্নত করা যায়

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

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