Waktu untuk Interaktif (TTI)

Philip Walton

Time to Interactive (TTI) adalah metrik lab untuk mengukur responsivitas beban. Tabel ini membantu mengidentifikasi kasus saat halaman terlihat interaktif tetapi sebenarnya tidak. TTI yang cepat membantu memastikan bahwa halaman dapat digunakan.

Apa itu TTI?

Metrik TTI mengukur waktu dari saat halaman dimulai memuat hingga saat sub-resource utamanya dimuat dan mampu merespons input pengguna dengan cepat.

Untuk menghitung TTI berdasarkan performa rekaman aktivitas laman web, ikuti langkah-langkah berikut:

  1. Mulai dari First Contentful Paint (FCP).
  2. Cari maju tepat waktu untuk jendela sunyi setidaknya lima detik, di mana jendela senyap didefinisikan sebagai: tidak lagi tugas dan tidak lebih dari dua tugas permintaan GET jaringan.
  3. Telusuri mundur untuk tugas panjang terakhir sebelum jendela sunyi, berhenti di FCP jika tidak ada tugas yang lama ditemukan.
  4. TTI adalah waktu berakhir dari tugas panjang terakhir sebelum jendela sunyi (atau nilai yang sama dengan FCP jika tugas yang lama tidak ditemukan).

Diagram berikut akan membantu memvisualisasikan langkah-langkah di atas:

Linimasa pemuatan halaman yang menunjukkan cara menghitung TTI

Sebelumnya, pengembang telah mengoptimalkan laman untuk waktu render yang cepat, terkadang dengan mengorbankan TTI.

Teknik seperti rendering sisi server (SSR) dapat menyebabkan skenario di mana halaman terlihat interaktif (yaitu, link dan tombol terlihat di layar), tetapi tidak benar-benar interaktif karena thread utama diblokir atau karena kode JavaScript yang mengontrol elemen-elemen tersebut belum dimuat.

Saat pengguna mencoba berinteraksi dengan laman yang terlihat interaktif tetapi sebenarnya tidak, mereka kemungkinan akan merespons dengan salah satu dari dua cara berikut:

  • Dalam skenario kasus terbaik, pengguna akan merasa terganggu karena halaman lambat merespons.
  • Dalam skenario terburuk, pengiklan akan menganggap halaman tersebut rusak dan kemungkinan akan pergi. Mereka bahkan dapat kehilangan kepercayaan atau kepercayaan terhadap nilai brand Anda.

Untuk menghindari masalah ini, berusahalah untuk meminimalkan perbedaan antara FCP dan TTI. Dan jika ada perbedaan yang signifikan, memperjelas melalui indikator visual bahwa komponen di laman Anda belum interaktif.

Cara mengukur TTI

TTI adalah metrik yang paling baik diukur dalam Google Cloud Platform. Cara terbaik untuk mengukur TTI adalah dengan menjalankan Audit performa Lighthouse di situs Anda. Lihat dokumentasi Lighthouse tentang TTI untuk detail penggunaan.

Alat lab

Berapa skor TTI yang baik?

Untuk memberikan pengalaman pengguna yang baik, situs harus menyediakan waktu untuk Interaktif berdurasi kurang dari 5 detik saat diuji di rata-rata perangkat seluler hardware.

Untuk detail tentang bagaimana TTI halaman memengaruhi skor performa Lighthouse Anda, lihat Cara Lighthouse menentukan TTI Anda skor.

Cara meningkatkan TTI

Untuk mempelajari cara meningkatkan TTI untuk situs tertentu, Anda dapat menjalankan Lighthouse audit performa dan memperhatikan peluang yang disarankan oleh audit.

Untuk mempelajari cara meningkatkan TTI secara umum (untuk situs apa pun), lihat artikel berikut panduan performa: