Skip to main content

Що таке time-to-interactive (TTI)?

Frontend-інструментиJunior~1 хв читання
Запропонувати правку

Time to Interactive (TTI) - це метрика, яка показує, через скільки мілісекунд після завантаження сторінки користувач може почати повноцінно взаємодіяти з нею (натискати кнопки, вводити текст тощо), і при цьому сайт реагує швидко.

Що вважається інтерактивністю

  • елементи інтерфейсу вже відмальовані
  • JavaScript завершив виконання важких завдань
  • немає довгих блокувальних процесів в основному потоці
  • сайт відповідає на кліки і введення без відчутних затримок

Приклад

Сайт завантажився візуально за 1.5 секунди, але скрипти блокують взаємодію ще 3 секунди. Тоді TTI становитиме ≈ 4.5 секунди. Користувач бачить сторінку, але не може з нею нічого зробити, це поганий UX.

Чому це важливо

  • TTI впливає на відчуття «живості» сайту
  • довгий TTI = фрустрація: «сайт наче є, але нічого не працює»
  • TTI враховується в Google Lighthouse і впливає на SEO через Core Web Vitals

Висновок

TTI - це не про те, «коли сайт виглядає готовим», а про те, «коли він справді починає працювати».

Коротка відповідь

Для співбесіди
Premium

Коротка відповідь допоможе вам впевнено відповідати на цю тему під час співбесіди.

Запропонувати правку