TBT (общо време на блокиране)
Какво е TBT (общо време на блокиране)?
TBT (общо време на блокиране) е сборът от милисекундите, в които браузърът е зает — най-често със скриптове — и не може да реагира на докосване или клик, докато страницата се зарежда. Броят се само задачите над 50 ms, и то с частта над 50 ms. TBT се мери в лабораторния тест на PageSpeed Insights и носи 30 % от резултата — най-голямото тегло. Добра стойност на мобилен е под 200 ms.
Пример
При зареждане на продуктова страница браузърът изпълнява четири задачи: скриптовете на темата — 250 ms, чат приложение — 180 ms, два кода за проследяване — 90 ms, слайдер — 35 ms. Блокиращата част на всяка е времето над 50 ms: 200 + 130 + 40 + 0 = 370 ms. Слайдерът не се брои, защото остава под прага.
Ако чатът се зарежда едва при клик върху бутона му, неговите 130 ms изчезват и TBT пада на 240 ms. Ако скриптовете на темата се разделят и тази страница зарежда само нужното — да кажем 140 ms вместо 250 ms, — TBT става 90 + 40 = 130 ms, в зелената зона.
Защо има значение за бизнеса
TBT често обяснява ниския резултат в PageSpeed Insights при сайт с много JavaScript. PageSpeed оценява всеки показател по собствена скала от 0 до 100 и събира оценките с тежести, а TBT тежи 30 % — три пъти повече от FCP. Ако оценката на TBT се вдигне от 30 на 90, общият резултат печели (90 − 30) × 0,30 = 18 точки, без да е пипнато нищо друго.
За посетителя блокирането изглежда като сайт, който замръзва: човек натиска менюто или „Добави в кошницата“, нищо не става, натиска пак и се отказва. TBT е лабораторен показател; при реални посетители същият проблем се мери с INP, който е сред Core Web Vitals. Двата не са едно и също — TBT обхваща зареждането, INP всяко взаимодействие, — но висок TBT е повод да проверите INP. Всяка платена услуга, която добавя скрипт — чат, топлинна карта, ревюта, — има и цена в милисекунди: инструмент за 30 € на месец, чиито данни никой не отваря, се плаща два пъти.
Как се подобрява
- По-малко JavaScript на всяка страница: зарежда се само кодът, който тя използва.
- Скриптовете на трети страни, които не са нужни веднага — чат, видео, топлинна карта, — се зареждат при клик или след зареждането.
- Дългите задачи се разделят на по-къси, за да може браузърът да реагира между тях.
- Всяко измерване се повтаря няколко пъти: PageSpeed Insights мери TBT на симулиран по-бавен телефон и числото варира от тест до тест.
При оптимизацията на скоростта на сайта записваме TBT преди и след всяка промяна, за да се знае кой скрипт колко е струвал.