اگه تا به حال از ابزارهایی مثل Google PageSpeed Insights یا Lighthouse برای بررسی وضعیت سایت استفاده کرده باشید، احتمالا با شاخصی به نام TBT روبرو شدید.
خیلی از مدیران سایت ها وقتی برای اولین بار این معیار رو می بینند، نمی دونند دقیقا چه چیزی رو اندازه گیری می کنه یا چرا روی امتیاز عملکرد سایت تاثیر داره.
در حالی که TBT یکی از مهم ترین معیارهایی هست که نشون می ده سایت شما هنگام بارگذاری تا چه اندازه پاسخگوی تعامل کاربرانه.
در واقع، ممکنه صفحه سایت خیلی سریع نمایش داده بشه، اما وقتی کاربر روی یک دکمه کلیک می کنه یا قصد اسکرول کردن صفحه رو داره، سایت برای چند لحظه هیچ واکنشی نشون نده.
این اتفاق معمولا به دلیل پردازش های سنگین جاوا اسکریپت رخ می ده و دقیقا همون چیزی هست که TBT اونو اندازه گیری می کنه.
اگه قصد دارید سرعت سایت رو بهبود دهید و امتیاز بهتری در ابزارهای گوگل کسب کنید، آشنایی با مفهوم TBT و روش های کاهش آن اهمیت زیادی داره.
TBT چیست؟
TBT مخفف عبارت Total Blocking Time هست و مدت زمانی رو اندازه گیری می کنه که مرورگر به دلیل انجام پردازش های سنگین، قادر به پاسخ دادن به تعاملات کاربر نیست.
به زبان ساده، وقتی صفحه سایت در حال بارگذاری هست، مرورگر باید فایل های مختلفی مثل HTML، CSS و JavaScript رو پردازش کنه.
اگه اجرای یک فایل جاوا اسکریپت زمان زیادی طول بکشه، مرورگر در اون مدت نمی تواند به کلیک، لمس صفحه یا سایر تعاملات کاربر پاسخ بده. این زمان های مسدود شده در نهایت با هم جمع می شن و مقدار TBT رو تشکیل میدن.
هرچه مقدار TBT کمتر باشه، سایت سریع تر به دستورات کاربر پاسخ می ده و تجربه کاربری بهتری ایجاد می شه.
تخفیف ویژه با پرداخت اقساط
اهمیت TBT در سئو
گوگل سال هاست که فقط به محتوای سایت توجه نمی کنه و تجربه کاربری رو هم یکی از معیارهای مهم رتبه بندی در نظر میگره.
اگه کاربران وارد سایتی شوند که هنگام کلیک روی دکمه ها یا باز کردن منوها واکنش مناسبی نداره، احتمال زیادی وجود داره که صفحه رو ترک کنند.
به همین دلیل TBT به عنوان یکی از معیارهای مهم عملکرد سایت شناخته می شه و در ابزارهایی مانند Lighthouse روی امتیاز Performance تاثیر مستقیم داره.
البته باید بدانید که TBT به صورت مستقیم یکی از Core Web Vitals نیست، اما ارتباط نزدیکی با معیار Interaction to Next Paint یا INP و همچنین میزان پاسخگویی سایت داره.
به همین دلیل کاهش TBT معمولا باعث بهبود تجربه کاربری و در بسیاری از موارد بهبود عملکرد سئو نیز می شه.
TBT چگونه محاسبه می شه؟
برای درک بهتر TBT بهتره ابتدا با مفهوم Long Task آشنا شوید.هر زمان که مرورگر بیش از 50 میلی ثانیه صرف اجرای یک پردازش کنه، آن پردازش یک Long Task محسوب می شه.
در این حالت، هر مقدار زمانی که بیشتر از 50 میلی ثانیه باشه، به عنوان زمان مسدود شده در نظر گرفته می شه.برای مثال اگه اجرای یک فایل جاوا اسکریپت 180 میلی ثانیه طول بکشه، 50 میلی ثانیه طبیعیه و 130 میلی ثانیه باقی مانده به عنوان Blocking Time محاسبه می شه.
در نهایت مجموع تمام این زمان های اضافی در طول بارگذاری صفحه، مقدار نهایی TBT رو تشکیل می ده.
چه عواملی باعث افزایش TBT می شن؟
یکی از رایج ترین دلایل افزایش TBT استفاده بیش از حد از فایل های جاوا اسکریپت هست. هرچه حجم این فایل ها بیشتر باشه، مرورگر زمان بیشتری برای پردازش آن ها صرف می کنه.
عامل دیگر استفاده از کتابخانه ها و فریم ورک های سنگینه. گاهی اوقات توسعه دهندگان کتابخانه هایی رو به پروژه اضافه می کنند که فقط بخش کوچکی از قابلیت های آن ها مورد استفاده قرار می گیره، اما مرورگر مجبوره کل فایل رو پردازش کنه.
افزونه های زیاد، اسکریپت های تبلیغاتی، ابزارهای تحلیل کاربران، چت آنلاین و کدهای شخص ثالث نیز می توانند مقدار TBT رو افزایش بدن.
همچنین اگه کدهای جاوا اسکریپت بهینه نباشند یا پردازش های پیچیده ای هنگام بارگذاری صفحه انجام بدن، احتمال افزایش زمان مسدود شدن مرورگر بیشتر خواهد شد.
مقدار مناسب برای TBT
گوگل برای این شاخص نیز محدوده هایی در نظر گرفته.
اگه مقدار TBT کمتر از 200 میلی ثانیه باشه، وضعیت سایت بسیار خوب ارزیابی می شه.
اگه این عدد بین 200 تا 600 میلی ثانیه باشه، هنوز جای بهبود وجود داره و بهتره روی بهینه سازی عملکرد سایت کار بشه.
اما اگه مقدار TBT بیشتر از 600 میلی ثانیه باشه، نشان می ده سایت در پاسخگویی به تعاملات کاربران با مشکل مواجه هست و باید هرچه سریع تر علت آن بررسی بشه.
البته این اعداد بسته به نوع پروژه و پیچیدگی صفحات ممکنه کمی متفاوت باشن، اما به طور کلی هرچه مقدار TBT کمتر باشه، عملکرد سایت بهتر خواهد بود.
چگونه TBT رو اندازه گیری کنیم؟
خوشبختانه بررسی TBT کار سختی نیست و ابزارهای مختلفی این شاخص رو نمایش میدن.
یکی از بهترین ابزارها Google PageSpeed Insights هست. کافیه آدرس سایت خود را وارد کنید تا گزارشی کامل از عملکرد صفحه، مقدار TBT و سایر معیارهای مهم دریافت کنید.
ابزار Lighthouse در مرورگر Chrome نیز اطلاعات دقیقی درباره زمان های مسدود شده ارائه می ده و حتی مشخص می کنه کدوم فایل ها یا اسکریپت ها باعث افزایش TBT شدن.
علاوه بر این، ابزارهایی مانند GTmetrix نیز اطلاعات مفیدی درباره عملکرد سایت و دلایل کاهش سرعت بارگذاری ارائه می کنند.
چگونه مقدار TBT رو کاهش دهیم؟
اولین قدم برای کاهش TBT اینه که فایل های جاوا اسکریپت رو تا حد امکان سبک تر کنید. حذف کدهای اضافی، فشرده سازی فایل ها و تقسیم کدها به بخش های کوچک تر می تواند تاثیر زیادی داشته باشه.
همچنین بهتره بارگذاری اسکریپت هایی که در ابتدای نمایش صفحه ضروری نیستند به زمان دیگری موکول بشه. این کار باعث می شه مرورگر ابتدا محتوای اصلی صفحه رو نمایش بده و سپس فایل های کم اهمیت رو پردازش کنه.
بهینه سازی کدهای شخص ثالث نیز اهمیت زیادی داره. اگه از ابزارهای تبلیغاتی، چت آنلاین یا سیستم های آماری استفاده می کنید، بررسی کنید آیا همه آن ها واقعا ضروری هستند یا خیر.
استفاده از قابلیت هایی مانند Code Splitting، Lazy Loading و حذف کتابخانه های بلا استفاده نیز می تواند تاثیر قابل توجهی در کاهش TBT داشته باشه.
در نهایت، اگه از فریم ورک های جاوا اسکریپت استفاده می کنید، بهتره نسخه های جدیدتر و بهینه تر آن ها را جایگزین نسخه های قدیمی کنید.
تفاوت TBT با سایر معیارهای سرعت سایت
بعضی افراد TBT رو با معیارهایی مثل LCP یا FCP اشتباه می گیرند، در حالی که هر کدوم وظیفه متفاوتی دارن.
LCP زمان نمایش بزرگ ترین بخش محتوای صفحه رو اندازه گیری می کنه و بیشتر روی سرعت نمایش محتوا تمرکز داره.
FCP نیز مدت زمانی رو بررسی می کنه که اولین بخش قابل مشاهده صفحه برای کاربر نمایش داده می شه.
اما TBT روی میزان پاسخگویی مرورگر هنگام بارگذاری تمرکز داره. ممکنه صفحه خیلی سریع نمایش داده بشه، اما اگه کاربر نتواند با آن تعامل داشته باشه، تجربه کاربری همچنان ضعیف خواهد بود.
به همین دلیل برای داشتن یک سایت سریع و بهینه، باید همه این معیارها رو در کنار هم بررسی کرد.
برای شمایی که تازه فروشگاه اینترنتی خودتونو راه انداختید و یکی از دغدغه هاتون سئوی سایتتون هست مهمه که با نرخ کلیک(CTR) و اصولش آشنا باشین!
تاثیر کاهش TBT بر تجربه کاربری
وقتی مقدار TBT کاهش پیدا می کنه، کاربران احساس می کنند سایت روان تر و سریع تر کار می کنه. کلیک روی دکمه ها، باز شدن منوها، جابجایی بین صفحات و سایر تعاملات بدون تاخیر انجام می شن.
این موضوع علاوه بر افزایش رضایت کاربران، نرخ پرش رو کاهش می ده و باعث می شه افراد مدت زمان بیشتری در سایت بمانند. در نتیجه احتمال تبدیل بازدیدکنندگان به مشتری نیز افزایش پیدا می کنه.
به همین دلیل بسیاری از متخصصان سئو، بهینه سازی TBT رو یکی از مهم ترین اقدامات برای بهبود عملکرد کلی سایت می دانند.
جمع بندی
TBT یا Total Blocking Time یکی از مهم ترین معیارهای سنجش عملکرد سایته که میزان زمانی رو اندازه گیری می کنه که مرورگر به دلیل پردازش های سنگین قادر به پاسخگویی به تعاملات کاربران نیست. هرچه مقدار TBT کمتر باشه، سایت سریع تر، روان تر و کاربر پسندتر خواهد بود.
اگرچه TBT به صورت مستقیم جزو Core Web Vitals نیست، اما تاثیر زیادی روی تجربه کاربری و امتیاز عملکرد سایت داره. با بهینه سازی فایل های جاوا اسکریپت، حذف کدهای غیر ضروری، کاهش وابستگی به اسکریپت های شخص ثالث و استفاده از روش های مدرن توسعه، می توانید مقدار TBT رو کاهش دهید و عملکرد سایت خود را به شکل محسوسی بهبود ببخشید.
سوالات متداول
آیا TBT روی سئو تاثیر داره؟
بله، TBT به صورت غیر مستقیم روی سئو تاثیر می گذارد. کاهش این شاخص باعث بهبود تجربه کاربری، افزایش امتیاز Performance و عملکرد بهتر سایت در ابزارهای گوگل می شه.
مقدار مناسب TBT چقدره؟
به طور کلی اگه مقدار TBT کمتر از 200 میلی ثانیه باشه، وضعیت سایت مناسبه. مقادیر بالاتر از 600 میلی ثانیه معمولا نیاز به بهینه سازی دارن.
چه عواملی باعث افزایش TBT می شن؟
حجم زیاد فایل های جاوا اسکریپت، استفاده از کتابخانه های سنگین، اسکریپت های شخص ثالث، افزونه های غیر ضروری و پردازش های پیچیده در مرورگر از مهم ترین دلایل افزایش TBT هستند.
چگونه می توان TBT رو کاهش داد؟
با بهینه سازی فایل های جاوا اسکریپت، حذف کدهای بلا استفاده، استفاده از Lazy Loading، تقسیم کدها، کاهش اسکریپت های شخص ثالث و بهینه سازی فرآیند بارگذاری صفحه می توان مقدار TBT رو کاهش داد و عملکرد سایت رو بهبود بخشید.
