Time to Interactive

Определение: Time to Interactive (TTI) — это метрика, которая показывает, через какое время после начала загрузки страница становится “по-настоящему готовой”: контент виден, а интерфейс стабильно реагирует на действия пользователя (клики, ввод, скролл) без заметных задержек.

Зачем это нужно

• Понять, когда пользователь реально может пользоваться сайтом, а не просто “видит экран”.
• Найти проблемы с тяжёлым Jav * aScript: долгие вычисления, блокировки главного потока, лишние библиотеки.
• Приоритизировать оптимизацию: сначала делаем доступным основной сценарий, потом второстепенные эффекты.
• Снизить раздражение от “нажал — ничего не происходит”, даже если визуально страница уже загрузилась.
• Контролировать влияние новых виджетов/аналитики/чатов: они часто ухудшают интерактивность.

Пример

Допустим, лендинг быстро показывает первый экран, но кнопка “Оставить заявку” первые 3–5 секунд не нажимается или реагирует с задержкой. Частая причина — тяжёлый JS, который блокирует поток (например, большой бандл, сложные анимации, сторонние скрипты).

Чтобы улучшить TTI, вы переносите второстепенные скрипты на отложенную загрузку, разбиваете бандл (code splitting), откладываете инициализацию чата/карты до взаимодействия, и уменьшаете объём “критического” JavaScript, который выполняется сразу при старте.

Скриншот

Подпись к скриншоту: отчёт Lighthouse (в Chrome DevTools): блок метрик производительности, где видна Time to Interactive, и раздел Diagnostics/Opportunities с пунктами про сокращение выполнения JavaScript и блокировок main thread.

Частые ошибки

• Путать TTI с “страница открылась”: визуальная готовность не равна интерактивности.
• Оптимизировать только изображения и кеш, игнорируя тяжёлый JavaScript (часто это главный источник проблем с интерактивностью).
• Подключать все сторонние скрипты сразу (чат, коллтрекинг, карты, A/B, пиксели) без отложенной инициализации.
• Сравнивать результаты без одинаковых условий (устройство, сеть, режим браузера), получая неверные выводы.
• Гнаться за идеальным числом в отчёте, ухудшая функциональность или аналитику без реальной пользы пользователю.

Связанные термины

• INP
• TBT
• LCP
• Core Web Vitals
• Lighthouse
• Code splitting
• TTFB

Наши услуги

• Доработка сайтов — ускоряем интерактивность: оптимизируем JS, разбиваем бандлы, откладываем сторонние скрипты.
• Техническая поддержка сайта — контролируем регрессии скорости после обновлений и следим за метриками.
• SEO-продвижение сайтов — улучшаем техническое качество и скорость, чтобы сайт быстрее работал и лучше ранжировался.