Total Blocking Time یا TBT یکی از معیارهای مهم عملکرد وبسایت است که به میزان زمانی اشاره دارد که مرورگر در حین بارگذاری یک صفحه، مجبور به مکث و مسدود شدن از انجام هرگونه تعامل با کاربر می‌شود. به عبارت ساده‌تر، TBT نشان می‌دهد که کاربر چقدر باید منتظر بماند تا صفحه وب به طور کامل پاسخگو شود و بتواند با آن تعامل داشته باشد.
چرا TBT مهم است؟
- تجربه کاربری بهتر: TBT پایین به معنای بارگذاری سریع‌تر صفحه و پاسخگویی بهتر سایت است که منجر به تجربه کاربری بهتری می‌شود. کاربران انتظار دارند صفحات وب به سرعت بارگذاری شوند و بتوانند به سرعت با آن‌ها تعامل داشته باشند.
- رتبه‌بندی بهتر در موتورهای جستجو: موتورهای جستجو مانند گوگل، سرعت بارگذاری صفحات وب را به عنوان یکی از عوامل مهم در رتبه‌بندی نتایج جستجو در نظر می‌گیرند. بنابراین، کاهش TBT می‌تواند به بهبود رتبه سایت در نتایج جستجو کمک کند.
- کاهش نرخ پرش: TBT بالا می‌تواند باعث افزایش نرخ پرش شود، به این معنی که کاربران قبل از مشاهده کامل صفحه، آن را ترک می‌کنند. کاهش TBT می‌تواند به کاهش نرخ پرش و افزایش مدت زمان ماندگاری کاربران در سایت کمک کند.
عوامل موثر بر TBT
- JavaScript: اجرای کدهای جاوا اسکریپت سنگین یا طولانی می‌تواند باعث افزایش TBT شود.
- منابع بزرگ: بارگذاری فایل‌های بزرگ مانند تصاویر، ویدئوها و فایل‌های CSS می‌تواند بر TBT تأثیر بگذارد.
- شبکه کند: سرعت اتصال اینترنت کاربر نیز می‌تواند بر TBT تأثیرگذار باشد.
بهبود TBT و تأثیر آن بر SEO
برای بهبود TBT و در نتیجه بهبود SEO، می‌توانید اقدامات زیر را انجام دهید:
- بهینه‌سازی کدهای جاوا اسکریپت:
- کوچک‌سازی کدها: حذف کدهای اضافی و غیرضروری.
- تأخیر در اجرای برخی از اسکریپت‌ها: اجرای اسکریپت‌هایی که برای نمایش اولیه صفحه ضروری نیستند را به تعویق بیندازید.
- بهینه‌سازی تصاویر:
- فشرده‌سازی تصاویر: کاهش حجم تصاویر بدون کاهش کیفیت.
- استفاده از فرمت‌های مناسب: استفاده از فرمت‌های تصویری مناسب مانند WebP که حجم کمتری دارند.
- استفاده از تصاویر با اندازه مناسب: استفاده از تصاویر با اندازه‌ای که برای نمایش در صفحه کافی است.
- کاهش تعداد درخواست‌ها:
- ترکیب فایل‌های CSS و JavaScript: ترکیب چندین فایل کوچک به یک فایل بزرگ‌تر.
- استفاده از فونت‌های وب: به جای بارگذاری فایل‌های فونت، از فونت‌های وب استفاده کنید.
- استفاده از کش مرورگر:
- فعال کردن کش مرورگر: این کار باعث می‌شود مرورگر فایل‌هایی که قبلاً بارگذاری شده‌اند را از حافظه کش خود بارگذاری کند و نیازی به بارگذاری مجدد آن‌ها از سرور نباشد.
- استفاده از CDN:
- شبکه تحویل محتوا: استفاده از CDN باعث می‌شود فایل‌های سایت از سرورهایی که به کاربران نزدیک‌تر هستند بارگذاری شوند و در نتیجه سرعت بارگذاری افزایش یابد.
در نهایت، بهبود TBT یک فرایند مداوم است و نیاز به ارزیابی و بهینه‌سازی مستمر دارد. ابزارهایی مانند Lighthouse، Chrome DevTools و WebPageTest می‌توانند به شما در اندازه‌گیری TBT و شناسایی مشکلات عملکرد کمک کنند.