Digital Marketing
Time to Interactive (TTI)
TL;DR: Time to Interactive (TTI) adalah metrik yang mengukur waktu dari awal load sampai halaman web responsif terhadap input pengguna. Berbeda dengan LCP yang fokus visual, TTI fokus interaksi. Target umum di bawah 3,8 detik pada koneksi 4G.
Apa itu Time to Interactive?
Time to Interactive (TTI) adalah metrik dari Lighthouse yang menandai titik di mana sebuah halaman web dianggap "siap dipakai". Konkretnya, TTI tercapai ketika konten utama sudah tampil (mirip LCP), event handler JavaScript sudah terpasang, dan main thread bebas dari long task selama minimal 5 detik. Sebelum TTI tercapai, tombol bisa kelihatan, tapi klik bisa "tertelan" karena JavaScript masih sibuk.
Analogi sederhana: TTI itu seperti waktu sebuah restoran resmi buka pesanan setelah pintu terbuka. Pintu terbuka (visual selesai) belum berarti pelayan siap mencatat order (interaktif).
Cara Kerja dan Posisinya di antara Web Vitals
TTI bukan bagian dari Core Web Vitals resmi sejak Google mengganti FID dengan INP pada Maret 2024. Namun TTI tetap berguna sebagai metrik diagnostik di Lighthouse karena ia mengukur kesiapan menyeluruh, bukan hanya satu interaksi.
| Metrik | Fokus | Target Baik |
|---|---|---|
| LCP | Konten utama terlihat | < 2,5 detik |
| TTI | Halaman responsif | < 3,8 detik |
| INP | Latensi interaksi sebenarnya | < 200 ms |
| TBT | Total blocking time main thread | < 200 ms |
Penyebab TTI tinggi biasanya bundle JavaScript besar, third-party script (chat widget, analytics, iklan) yang block main thread, atau hydration berat di framework SPA.
Kenapa Penting untuk Bisnis Indonesia?
Mayoritas trafik di Indonesia datang dari perangkat menengah dengan koneksi 4G tidak stabil. Saat saya audit beberapa website klien jasa profesional pada awal 2026, TTI rata-rata mereka di angka 6-9 detik karena chat widget pihak ketiga dimuat sinkron di header. Setelah dipindah ke loading deferred, TTI turun ke kisaran 3-4 detik dan bounce rate berkurang signifikan.
Halaman dengan TTI buruk akan terlihat "patah" untuk pengunjung: konten tampil tapi tombol "Hubungi" atau "Beli" tidak responsif beberapa detik. Itulah momen calon klien hilang.
Pertanyaan Umum
Apakah TTI sama dengan LCP?
Tidak. LCP mengukur kapan elemen visual terbesar muncul. TTI mengukur kapan halaman benar-benar bisa diajak berinteraksi. Halaman bisa LCP cepat tapi TTI lambat jika JavaScript-nya berat.
Apakah TTI masih relevan setelah INP menggantikan FID?
Relevan untuk diagnosis. Google fokus ke INP karena mengukur pengalaman nyata, tapi TTI di Lighthouse tetap berguna untuk menemukan masalah long task saat development.
Bagaimana cara cepat menurunkan TTI?
Tunda eksekusi script non-kritis (defer, async), pecah bundle JavaScript dengan code-splitting, dan audit script pihak ketiga. Referensi praktik lengkap ada di web.dev/articles/tti.
Istilah Terkait