Digital Transformation
TTI (Time to Interactive)
TL;DR: Time to Interactive (TTI) adalah metrik performa web yang mengukur kapan sebuah halaman menjadi sepenuhnya interaktif. Halaman dianggap interaktif ketika sebagian besar elemen sudah ter-render dan thread utama (main thread) cukup bebas untuk merespons input pengguna dalam 50 ms. Skor baik di bawah 3,8 detik di perangkat mobile.
Apa itu TTI?
Time to Interactive mengukur jarak waktu antara navigasi awal dan saat halaman siap menerima interaksi pengguna secara konsisten. Bedanya dengan LCP (Largest Contentful Paint): LCP fokus pada kapan konten utama terlihat, sementara TTI fokus pada kapan halaman bisa diklik dan merespons.
Walaupun TTI tidak lagi menjadi bagian inti Core Web Vitals sejak digantikan INP (Interaction to Next Paint) di 2024, metrik ini tetap relevan untuk audit awal performa karena memberikan gambaran kasar tentang beban JavaScript halaman.
Cara Hitung TTI
TTI dihitung dengan mencari "quiet window" lima detik berturut-turut di mana main thread bebas dari long task. Lab tools seperti Lighthouse mengukurnya dengan tiga tahap:
| Tahap | Kondisi |
|---|---|
| FCP | Konten pertama tampil di layar |
| Network quiet | Maksimum 2 koneksi network aktif |
| Main thread quiet | Tidak ada long task >50 ms selama 5 detik |
Setelah ketiga kondisi terpenuhi, waktu tahap akhir minus FCP adalah TTI.
Kenapa Penting?
Berdasarkan praktik audit di proyek client, halaman dengan TTI di atas 5 detik di mobile cenderung kehilangan 30 sampai 40 persen pengunjung sebelum klik pertama. Untuk website bisnis Indonesia dengan target audience UMKM atau personal brand, ini berarti budget marketing terbuang sia-sia.
Optimasi TTI biasanya berkaitan dengan mengurangi JavaScript yang dimuat di awal halaman. Strategi yang umum dipakai: code splitting, dynamic import, dan menunda script non-kritis pakai atribut defer. Referensi lengkap ada di dokumentasi web.dev.
Pertanyaan Umum
Apakah TTI masih relevan setelah ada INP?
Masih. TTI berguna untuk lab testing dan benchmark awal, sedangkan INP mengukur pengalaman nyata pengguna di lapangan.
Berapa target TTI yang baik?
Lighthouse menetapkan skor baik di bawah 3,8 detik di mobile dan 2,5 detik di desktop, diukur pada koneksi 4G simulasi.
Istilah Terkait