Total Blocking Time

Total Blocking Time

2 мин.
26
Total Blocking Time (TBT) — это метрика производительности, которая измеряет суммарное время, в течение которого основной поток браузера был заблокирован длинными задачами и не мог реагировать на действия пользователя. Проще говоря, TBT показывает, сколько миллисекунд страница «зависала» во время загрузки.

Как рассчитывается Total Blocking Time

TBT учитывает период между First Contentful Paint (FCP) и моментом, когда страница становится интерактивной. Если в это время выполняются задачи JavaScript дольше 50 миллисекунд, превышение считается «блокирующим» и добавляется в общий показатель.

Например, если скрипт выполняется 120 мс, то 70 мс (120 – 50) будут засчитаны как блокировка. Чем больше таких задач, тем выше Total Blocking Time.

Почему TBT важен для SEO и мобильной оптимизации

Высокий Total Blocking Time означает, что сайт плохо реагирует на клики, прокрутку и ввод данных. Пользователь может видеть страницу, но она не отвечает на действия. Это ухудшает поведенческие факторы и снижает качество пользовательского опыта.

Google учитывает интерактивность как фактор качества, поэтому оптимизация TBT положительно влияет на общую оценку производительности и стабильность позиций в поисковой выдаче.

Основные причины высокого TBT

  • большое количество тяжёлых JavaScript-файлов;
  • синхронная загрузка сторонних скриптов;
  • неоптимизированные фреймворки и библиотеки;
  • сложная логика обработки данных на стороне клиента;
  • отсутствие разбиения кода на небольшие модули.

Как снизить Total Blocking Time

  • разделить длинные задачи на более короткие;
  • использовать defer и async для загрузки скриптов;
  • минимизировать и удалить неиспользуемый JavaScript;
  • перенести часть вычислений на сервер;
  • оптимизировать сторонние сервисы и виджеты.

Короткий вывод

Total Blocking Time показывает, насколько долго страница остаётся «неотзывчивой» во время загрузки. Снижение TBT делает сайт быстрее в восприятии, улучшает интерактивность и повышает общую техническую оценку ресурса, что важно для мобильной оптимизации и SEO.


Понравилась статья?

(Нет голосов)

Другие термины

Свежие статьи