Начало распродаж · Скидка на доставку · Поступление новой коллекции

BELAYA KASKA / FEATURE

seoАвтор: Пуск‑Медиа (импорт)Просмотры: 3

TBT и long tasks: где main thread «замирает» и как это связано с INP

Total Blocking Time суммирует блокировки после FCP; задачи дольше 50 ms — отправная точка для оптимизации JS.

Изображение статьи: TBT и long tasks: где main thread «замирает» и как это связано с INP

TBT измеряет суммарное время, когда main thread был заблокирован достаточно долго, чтобы помешать вводу — это лабораторная метрика, коррелирующая с INP в поле.

Long task — любая работа в main thread дольше 50 ms; DevTools и Performance panel показывают их как красные полосы.

- [Total Blocking Time (TBT) — web.dev](https://web.dev/articles/tbt) — Определение и пороги.

- [Optimize long tasks — web.dev](https://web.dev/articles/optimize-long-tasks) — Разбиение задач и yield.

---

## Что делать

Отложите некритичный JS, используйте code splitting и scheduler.yield() / разбиение циклов на чанки.

Сторонние виджеты часто добавляют одну длинную задачу при инициализации — грузите их после idle или по interaction.

#TBT#INP#JavaScript

Мы используем обязательные cookie для работы сайта (корзина, вход, оформление заказа) и необязательные — для аналитики и маркетинга. Вы можете принять все, отклонить необязательные или настроить категории. Подробнее в политике cookies.