Total Blocking Time (TBT) در مفهوم عمومی مرتبط با عملکرد وب‌سایت‌ها و برنامه‌های وب است. اما tbt چیست و دانستن آن چه اهمیتی دارد؟ این متریک نشان‌دهنده‌ی مجموع زمانی است که یک صفحه وب برای بارگذاری کامل و نمایش به کاربر، به علت مسائلی مانند بارگیری فایل‌ها، اجرای اسکریپت‌ها یا دیگر پردازش‌های مرتبط با بارگذاری صفحه دارد. TBT شامل مجموعه‌ای از زمان‌ها است که کاربر باید صبر کند تا وب‌سایت یا برنامه به طور کامل بارگذاری شود و به کاربر نمایش داده شود. این متریک به طور مستقیم با تجربه کاربری مرتبط است؛ زیرا زمان بارگذاری طولانی می‌تواند منجر به افت کیفیت تجربه کاربری شود و احتمالا باعث از دست رفتن کاربران نیز می‌شود. ادامه مقاله به موضوعاتی مانند TBT چیست؟ اهمیت، نقش و مزایای آن پرداخته شده است. برای آشنایی بیشتر باTBT در ادامه با ما همراه باشید.
Tbt چیست
در پاسخ به این سؤال باید بیان کنیم که TBT یا Total Blocking Time یکی از شاخص‌های بسیار حیاتی Core Web Vitals است که توسط گوگل برای ارزیابی سرعت پاسخگویی صفحات وب سایت‌ها به درخواست‌های کاربران استفاده می‌شود. این شاخص نقش بسیار مهمی در سنجش عملکرد سایت ایفا می‌کند، زیرا به گوگل و موتورهای جستجو اجازه می‌دهد مدت زمانی که سایت برای دریافت و پردازش ورودی از کاربر مسدود شده است، را اندازهگیری و ارزیابی کنند. اگر یک سایت به طور مداوم و بدون تاخیر به کاربران پاسخ دهد و صفحات به سرعت لود شوند به گونه‌ای که کاربر تا به آنجا احساس تأخیر نکند در واقع TBT بسیار کمتر خواهد بود و تجربه کاربری مثبت و بازدیدکننده را در یک سایت چابک و پویا فراهم خواهد کرد. این به نوعی نمایانگر یک تجربه کاربری عالی و سریع می‌شود.
به عبارت دیگر، هنگامی که یک سایت با تسک‌های زمان‌بر مانند بارگذاری فایل‌ها، اجرای اسکریپت‌ها و سایر پردازش‌های مرتبط با بارگذاری صفحه مواجه می‌شود و این فرآیندها باعث مسدود شدن سایت می‌شوند، TBT افزایش می‌یابد و ممکن است تأثیر منفی بر رتبه‌بندی سایت در موتورهای جستجو داشته باشد.
اهمیت tbt چیست؟
اهمیت TBT در رتبه‌بندی سایت‌ها به دلیل تأثیر زیادی که بر تجربه کاربری دارد، بسیار زیاد است. موتورهای جستجو به ویژه گوگل، تجربه کاربری را یکی از اولویت‌های اصلی برای رتبه‌بندی سایت‌ها قرار داده است. TBT به عنوان یکی از عوامل مهم در ارزیابی سرعت بارگذاری و پاسخگویی صفحات، تأثیر مستقیم بر تجربه کاربری دارد. صفحاتی که با TBT پایین‌تری همراه هستند، تجربه کاربری بهتری ارائه می‌دهند. این به کاربران احساس سرعت و فعالیت در تعامل با صفحه را می‌آموزد و در نهایت منجر به افزایش رضایتمندی کاربران می‌شود. همچنین موتورهای جستجو به راحتی تجربه کاربری بهتر را تشخیص داده و سایت‌هایی که این معیارها را بهبود می‌دهند، را در رتبه‌بندی خود ترجیح می‌دهند.
منظور از روشهای اندازهگیری tbt چیست؟
وقتی به بررسی ابزارها و روشهای اندازهگیری TBT می‌پردازیم باید اشاره کنیم که این حوزه با ابزارهای گوناگونی پوشش داده شده است. اگر چه انتخاب ابزارهای مناسب بستگی به نیازها و شرایط خاص هر کسب و کار دارد اما معمولا توصیه می‌شود که از ابزارهای گوگل بهره گرفته شود. در این زمینه ابتدا Google Page Speed Simulators و Google Lighthouse را به عنوان پیشنهاد اولیه معرفی می‌کنیم. این ابزارها بسیار راحت قابل استفاده هستند و معمولا به عنوان ابزارهای اصلی برای اندازهگیری TBT مورد استفاده قرار می‌گیرند. از دیگر ابزارهای اندازهگیری TBT میتوان به موارد زیر اشاره کرد:
- GT Metrix
- Chrome Dev Tools
- Web Page Test
- Pingdom
- Speed Curve
نحوه بهبود tbt سایت
در ابتدا ضروری است که شناخته شود چه عواملی باعث ایجاد تسک‌های طولانی می‌شوند. برای کشف دلیل اصلی این تسک‌ها میتوان به Performance panel در DevTools کروم مراجعه نمود. به طور کلی دلایل شایع برای ایجاد تسک‌های طولانی شامل موارد زیر می‌شوند:
- بارگذاری، تجزیه و اجرای غیرضروری JavaScript
در هنگام تحلیل کدها در Performance panel ممکن است متوجه شوید که main thread کارهایی انجام می‌دهد که برای بارگذاری صفحه لازم نیست. بهبود امتیاز TBT می‌تواند از طریق کاهش بارگذاری غیرضروری JavaScript با اقداماتی نظیر تقسیم کد، حذف کدهای بلااستفاده یا بهینهسازی بارگیری JavaScript انجام شود.
- استفاده ناکارآمد از JavaScript
استفاده ناکارآمد از توابع JavaScript نیز می‌تواند به تسک‌های طولانی منجر شود. برای مثال در Performance panel با استفاده از querySelectorAll(‘a’) ممکن است مشاهده کنید که 2000 نود را برمی‌گرداند. با بازنگری کد و استفاده از یک سلکتور دقیق‌تر که تنها 10 نود را برمی‌گرداند، میتوان امتیاز TBT را بهبود بخشید.
برای بهبود tbt سایت خود میتوانید با یک مشاور سئو در ارتباط باشید تا از راهنماییهای لازم بهرهمند شوید.
تفاوت بین TTI و TBT چیست؟
در این بخش از مقاله تفاوت‌های مهم میان TBT و TTI را بررسی خواهیم کرد. به طور کلی هر دو معیار TBT و TTI به عنوان ابزارهای آزمایشی مورد استفاده قرار می‌گیرند تا زمانی که یک صفحه وب بارگزاری می‌شود را اندازهگیری کنند. این دو معیار ارتباط نزدیکی با یکدیگر دارند و با استفاده صحیح از آن‌ها در فرآیند بهینهسازی، ممکن است به بهبود قابل توجهی در پاسخگویی، تعامل و قابلیت استفاده صفحه منجر شود.
همچنین باید توجه داشت که با وجود هدف مشابه این دو معیار، TBT و TTI در ردیابی جنبه‌های مختلف پاسخگویی وب سایت اختلافاتی دارند. به عبارت دقیق‌تر TBT مدت زمانی را که فاکتورهای اصلی سایت در پاسخ به تعاملات کاربر مسدود می‌شوند، محاسبه می‌کند در حالی که TTI مدت زمانی را که طول می‌کشد تا یک صفحه به طور کامل تعاملی شود اندازهگیری می‌کند. در واقع TTI زمانی را از نمایش اولین بخش محتوایی تا لحظه تعامل کامل صفحه را اندازهگیری می‌کند در حالی که TBT بر محاسبه مدت زمان مسدود شده برای تمام کارهای طولانی بین First Contentful Paint و Time To Interactive تمرکز دارد.
جمع بندی
در این مقاله به طور جامع به سوال TBT چیست، پاسخ داده شد. دریافتیم که TBT یکی از معیارهای ارزیابی سرعت سایت است و به عنوان یکی از عوامل موثر بر تجربه کاربری به بهبود سئو سایت کمک می‌کند. به یادآوریم که همراه با ترفندها، ساختار اصولی و استفاده از کدهای بهینه نیز در ساخت وب‌سایت نقش مؤثری در بهبود TBT ایفا می‌کند.