TBT یا Total Blocking Time چیست؟

چیست؟ tbt یا Total Blocking Time یکی از فاکتورهای Core Vital Web گوگل است که در سال ۲۰۲۰ معرفی شد. این فاکتور معیار مهمی برای ارزیابی و تعیین رتبه‌ی سایت ما در Page Speed Insights گوگل است. زیرا tbt از یک‌ سو نقش مهمی در تجربه کاربری مخاطبان ما دارد و از سوی دیگر در سئوی سایت تاثیرگذار است.

اگر دوست دارید بدانید tbt چیست؟ دقیقاً چه نقشی در تجربه کاربری و سئوی سایت دارد و چگونه اندازه گیری می‌شود، پیشنهاد می‌کنیم در ادامه این مطلب با ما همراه شوید. در انتهای این مقاله علاوه بر اینکه خواهید دانست Total Blocking Time چیست، با راهکارهای بهبود tbt سایت و بهینه‌سازی آن هم آشنا خواهید شد.

tbt یا Total Blocking Time چیست؟

در پاسخ به این سؤال باید بگوییم که TBT یا Total Blocking Time یکی از شاخص‌های اساسی Core Web Vitals گوگل برای ارزیابی سرعت پاسخگویی صفحات سایت ما، پس از درخواست کاربر است. گوگل و موتورهای جستجو از TBT برای اندازه‌گیری مدت زمانی که سایت ما برای دریافت و پردازش درخواست کاربر مسدود شده است، استفاده می‌کنند و نقش مهمی در ارزیابی عملکرد سایت دارد.

اگر یک سایت به‌طور مداوم و بدون هیچ تأخیری در دسترس کاربران باشد و صفحات به قدری سریع لود شوند که کاربران حتی متوجه نشوند، عملاً Total Blocking Time وجود نخواهد داشت و تجربه کاربری مخاطبان ما به بازدید از یک سایت چابک و سریع تبدیل می‌شود؛ به عبارت دیگر، این یعنی یک تجربه کاربری عالی برای مخاطبان! اما از سوی دیگر، لود شدن سایت با تسک‌های طولانی و مربوط به Long task ها، که به عنوان بلاکر عمل می‌کنند، سرعت پاسخگویی یا تعامل میان سایت و کاربر را تحت تأثیر قرار می‌دهند.

مرورگرها برای اجرای درخواست‌های کاربران از main thread استفاده می‌کنند. main thread وظایف مختلفی را بر عهده دارد. اگر اجرای یک یا چند مورد از این وظایف، بیش از حد استاندارد (یعنی بیش از ۵۰ میلی ثانیه) زمان ببرد، می‌توانیم بگوییم main thread بلاک شده است. زمانی که یک یا چند Long task در حال اجرا باشند و اجرای آنها بیش از ۵۰ میلی ثانیه طول بکشد، مرورگر نمی‌تواند به کلیک کاربر روی سایت ما به طور فوری پاسخ دهد، بنابراین لود شدن صفحه به زمانی که این تسک‌ها به طور کامل اجرا شوند، موکول می‌شود و تا آن زمان سایت برای کاربر مسدود یا freeze می‌شود. اما چه نقشی در رتبه‌بندی سایت ما دارد Total Blocking Time؟

اهمیت معیار tbt در رتبه بندی سایت‌ها

همان‌ طور که از تعریف tbt متوجه شدیم، این فاکتور ارتباط مستقیمی با تجربه کاربری دارد و با توجه به اهمیت موضوع تجربه کاربری برای موتورهای جستجو و به‌ ویژه گوگل، قطعاً در سئوی سایت و رتبه بندی جایگاه ما در صفحه نتایج سرپ هم تاثیرگذار خواهد بود. برای توضیح بهتر این موضوع، Total Blocking Time را از هر دو جنبه تجربه کاربری و سئوی سایت بررسی می‌کنیم.

tbt و تجربه کاربری مخاطبان

در مورد تجربه کاربری، تعاملی یا interactive بودن سایت‌ها برای گوگل به شدت اهمیت دارد. با توجه به اینکه tbt نشان می‌دهد که سایت ما چقدر در برقراری تعامل سریع با کاربر موفق است، پس رابطه مستقیمی با تجربه کاربری آن دارد. از این تساوی دو طرفه براحتی می‌توانیم متوجه شویم که هر چه سایت ما مقدار tbt کمتری داشته باشد، تعامل بهتری با کاربر برقرار کرده و تجربه کاربری او را بهبود می‌بخشد. گوگل هم که عاشق سایت‌های است که بتوانند تجربه کاربری لذت بخشی برای کاربران رقم بزنند؛ به همین سادگی!

نقش tbt در سئوی سایت

اما درباره تأثیر TBT در بهینه‌سازی سایت برای موتورهای جستجو، باید کمی دور از این موضوع بگردیم و به آن نگاه کنیم. از یک سو، TBT یکی از عوامل مهم Core Web Vitals گوگل است و از سوی دیگر تجربه کاربری یک عامل بسیار حائز اهمیت است که گوگل از آن برای رتبه‌بندی سایت‌ها استفاده می‌کند. زمانی که ما قادر به بهبود TBT باشیم، تجربه کاربری مخاطبان بهبود می‌یابد. بنابراین، ما نمره‌ای که در رتبه‌بندی گوگل نقش کلیدی دارد را دریافت می‌کنیم و می‌توانیم منتظر نتایج مثبت آن در بهبود بهینه‌سازی سایت باشیم. پیشنهاد می‌کنیم برای درک بهتر ارتباط بین عوامل تجربه کاربری و بهینه‌سازی سایت، مقاله “سئو تکنیکال” را مطالعه کنید.

برای اینکه بدانیم وضعیت TBT سایت ما چگونه است و برای بهبود آن برنامه‌ریزی کنیم، در ابتدا باید مقدار Total Blocking Time سایت را تعیین کنیم. در بخش بعد، با ابزارهای اندازه‌گیری TBT آشنا می‌شویم.

ابزارهای اندازه گیری tbt سایت

وقتی صحبت از ابزارهای اندازه گیری tbt می‌شود، باید بگوییم که تا دلتان بخواهد ابزارهای متنوع در این وجود دارد. ولی با توجه به اینکه همیشه اولین پیشنهاد ما ابزارهای گوگل هستند، در این مورد پیش از همه Google Page Speed Simulators و Google Lighthouse را معرفی می‌کنیم. استفاده از هر دو ابزار راحت است. سایر ابزارهای پرکاربرد و البته قابل اعتماد عبارتند از:

• GTMetrix
• Chrome Dev Tools
• Web Page Test
• Pingdom
• Speed Curve

بهترین مقدار tbt در سئو سایت چقدر است؟

اگر سایت ما به خوبی بهینه‌سازی شده باشد، مقدار tbt به‌ طور متوسط باید کمتر از ۳۰۰ میلی ثانیه باشد. این مقدار با توجه به مجموع Long task که روی سایت اجرا می‌شود و در مقایسه با ۱۰٫۰۰۰ سایتی که بهترین مقدار tbt را از آن خود کرده‌اند، مشخص شده است. البته، باید بدانید که از نظر گوگل و براساس مقادیری که Google Lighthouse برای ارزیابی tbt سایت اعلام می‌کند، رتبه بندی فاکتور Total Blocking Time برای سایت‌ها به این ترتیب است:

• اگر tbt بین ۰ تا ۳۰۰ میلی ثانیه باشد، اوضاع واقعاً عالی است!
• در صورتی که tbt بین ۳۰۰ تا ۶۰۰ میلی ثانیه باشد، یعنی بد نیست اقدامات لازم برای بهینه‌سازی tbt را شروع کنیم.
• اگر هم این مقدار عددی بیش از ۶۰۰ میلی ثانیه باشد که یعنی باید در اولین فرصت دست به کار شویم و قبل از اینکه سئوی سایت لطمه ببیند، Total Blocking Time را بهینه‌سازی کنیم.

معرفی ۲ تکنیک سریع برای شناسایی عوامل افزایش tbt

برای اینکه بتوانیم تحلیل درستی از نحوه عملکرد صفحات داشته باشیم و Long task که باعث افزایش tbt می‌شوند را شناسایی کنیم، دو روش سریع وجود دارد:

Lighthouse audit Google Chrome

برای استفاده از DevTools کروم باید وارد بخش Performance panel شویم. ابتدا در صفحه‌ی مورد نظر کلیک راست کرده و گزینه «Inspect» را انتخاب می‌کنیم. سپس وارد بخش «Performance» شده و روی «Reload» کلیک می‌کنیم. باید کمی منتظر بمانیم تا کروم صفحه‌ای مشاور تصویر پایین را نمایش دهد.

این صفحه یک تحلیل دقیق از نحوه عملکرد صفحه مورد نظر ماست. اگر روی بخش «main» کلیک کنیم، تسک‌های مختلف را می‌بینیم. هر تسکی که کنار آن یک فلگ قرمز قرار دارد، یک Long task است. اگر موس را نزدیک این تسک ببریم، مدت زمان اجرای آن نمایش داده می‌شود. همین‌ طور می‌توانیم روی «Bottom-Up» کلیک کنیم تا توضیحات آن تسک را هم ببینیم.

DevTools Google Chrome

راهکار بعدی، استفاده از DevTools Google Chrome است. این بار باید از طریق بخش «Inspect» به Lighthouse برسیم. در صفحه‌ای که نمایش داده می‌شود، می‌توانیم دسته مورد نظر برای تحلیل و ابزار نمایش سایت (موبایل یا دسکتاپ) را انتخاب کنیم. سپس باید روی «Generate report» کلیک کنیم و منتظر پیشنهادها کروم برای بهبود tbt سایت بمانیم.

با راهکارهای بهینه‌سازی tbt سایت آشنا شوید

با کمک ابزارهایی که در بخش قبل معرفی کردیم، می‌توانیم تسک‌های طولانی را شناسایی و پیشنهادها گوگل برای بهبود tbt سایت را بررسی کنیم. در این مرحله باید بلاک کدهایی که توسط تسک‌های طولانی ایجاد شده اصلاح کنیم. اصلاح این کدها تا حد زیادی به بهینه‌سازی tbt سایت کمک خواهد کرد. در این راستا می‌توانیم:

1- تعداد درخواست‌های اسکریپت‌های سایت را کاهش دهیم

اولین قدم برای بهبود tbt در سئو، به حداقل رساندن اسکریپت‌های غیر ضروری Main Thread است. این کار از ایجاد Long task و تأخیر در لود شدن سایت در زمان کلیک کاربر جلوگیری می‌کند.

2- سایز اسکریپت‌های main-thread را کاهش دهیم

کاهش سایز اسکریپت‌های Main Thread عامل دیگری است که به بهبود Total Blocking Time سایت کمک می‌کند. با توجه به اینکه ما کنترل دسترسی به کدهای Main Thread را نداریم، برای کاهش آنها باید سایز اسکریپت‌ها را کاهش دهیم.

3- تعداد Long task در رشته اصلی browser را به حداقل برسانیم

برای بهینه‌سازی معیار tbt باید با ابزارهایی مانند Chrome DevTools، بخش‌های مرتبط با رشته اصلی Main Thread را بررسی کرده و تسک هایی که بیش از ۵۰ ثانیه طول می‌کشند را شناسایی و بهینه‌سازی کنیم.

علاوه بر ابن ۳ مورد، راهکارهای دیگری هم وجود دارند که به کاهش tbt و بهبود تجربه کاربری مخاطبان ما کمک خواهند کرد:

• کدهای جاوا اسکریپت و css غیر ضروری را پاک کنیم
• فایل‌های جاوا اسکریپت و css را فشرده سازی کنیم
• کد اسپلیتینگ (Spliting code) برای Asset های جاوا اسکریپت اجرا نماییم

سؤالات متداول

چه تفاوتی بین tbt و tti وجود دارد؟

در ظاهر، tbt و tti کاملاً شبیه یکدیگر هستند، ولی این دو معیار مقادیر مختلفی را اندازه‌گیری می‌کنند. tti به ما می‌گوید که چقدر طول می‌کشد تا صفحه کاملاً تعاملی شود، ولی tbt مدت زمانی است که صفحه محتوای مفید را به کاربر نمایش داده و به ورودی‌های او پاسخ می‌دهد.

بهترین و معتبرترین ابزار برای اندازه گیری tbt چیست؟

اولین و معتبرترین ابزار تست tbt ابزار رسمی گوگل یعنی Google Lighthouse است. در جایگاه بعدی ابزار رایگان Gmetrix.

چطور تسک‌های طولانی تاثیرگذار در tbt را تشخیص دهیم؟

راحت‌ترین روش استفاده از بخش Performance panel در DevTools مرورگر کروم است.

سخن پایانی

در این قسمت از مقالات رایگان آموزش سئو به سؤال tbt چیست پاسخ دادیم، با مفهوم tbt یا Total Blocking Time آشنا شدیم و دانستیم که گوگل چطور این فاکتور را اندازه گیری می‌کند. همچنین تأثیر آن در seo سایت را بررسی کردیم و راهکارهای بهبود tbt سایت را آموختیم. در پایان توصیه می‌کنیم حتماً عواملی که باعث تأثیر منفی روی tbt می‌شوند را شناسایی کرده و با برطرف کردن آنها به بهینه‌سازی tbt سایت کمک کنید.