FID (First Input Delay, Latensi Input Pertama) adalah metrik kinerja inti yang mengukur kecepatan responsivitas interaksi halaman web. Metrik ini mencatat waktu yang dibutuhkan browser untuk benar-benar merespons interaksi pertama pengguna dengan halaman (misalnya, mengklik tombol, memilih menu tarik-turun, mengetik teks). Sederhananya, FID mencerminkan "berapa lama pengguna harus menunggu setelah mengklik sebelum halaman merespons".
Metrik ini tidak menguji kecepatan pemuatan halaman, tetapi berfokus pada rasa tersendat yang paling nyata dirasakan dalam pengalaman pengguna yang sebenarnya. Ketika pengguna mengklik tombol tetapi menemukan halaman tidak merespons, dan perlu menunggu ratusan milidetik atau lebih lama sebelum konten dialihkan atau muncul, keterlambatan ini secara langsung menyebabkan rasa frustrasi dan ketidakpercayaan. FID dirancang khusus untuk mengukur pengalaman buruk ini.
Dalam skenario penggunaan nyata, pengguna sering kali mencoba berinteraksi segera setelah membuka halaman web, seperti mengklik menu navigasi, mengirimkan formulir, atau menggulir untuk melihat konten. Jika halaman terlihat sudah dimuat tetapi tidak merespons setelah diklik, pengguna secara naluriah akan berpikir "ada masalah dengan situs ini" atau "jaringan saya lambat". FID secara langsung memengaruhi kesan pertama pengguna terhadap keandalan dan kelancaran situs web, terutama pada perangkat seluler, di mana keterlambatan ini bisa lebih kentara karena sumber daya yang terbatas.
Dari sudut pandang SEO, Google secara resmi memasukkan FID ke dalam sistem Core Web Vitals (Metrik Web Inti) pada tahun 2021, menjadikannya salah satu faktor kunci yang memengaruhi peringkat pencarian. Situs web dengan kinerja FID yang buruk, bahkan jika kontennya berkualitas, dapat diturunkan peringkatnya di hasil pencarian karena pengalaman pengguna yang buruk. Untuk situs web e-commerce, alat online, atau situs web berbasis aplikasi yang memerlukan interaksi sering, baik buruknya FID bahkan dapat secara langsung memengaruhi tingkat konversi dan retensi pengguna.
Ketika pengguna mengklik elemen pada halaman, browser perlu mengeksekusi kode JavaScript yang sesuai untuk merespons tindakan tersebut. Namun, jika thread utama browser sedang sibuk memproses tugas lain (seperti menguraikan file JS besar, menjalankan animasi kompleks, atau merender konten), klik pengguna akan "mengantre", dan hanya akan diproses setelah thread utama menjadi kosong. Waktu tunggu inilah yang merupakan FID.
Contoh nyata: Halaman beranda situs berita memuat banyak skrip iklan pihak ketiga dan kode analisis data. Ketika pengguna mengklik tombol "Baca Selengkapnya", thread utama browser sedang mengeksekusi skrip-skrip ini, menyebabkan peristiwa klik ditunda selama 300 milidetik sebelum merespons. Pengguna akan merasa tombol tersebut "tidak berfungsi" dan mungkin mengkliknya lagi atau langsung meninggalkan situs.
Standar FID yang diberikan oleh Google sangat jelas:
Perlu dicatat bahwa FID hanya dapat diukur melalui data kunjungan pengguna nyata. Alat laboratorium (seperti Lighthouse) tidak dapat mengukur FID secara langsung karena mencerminkan keterlambatan interaksi pengguna nyata pada perangkat nyata. Anda dapat melihat data FID situs web Anda yang sebenarnya melalui Google Search Console, Chrome User Experience Report (CrUX), atau alat pemantauan pihak ketiga (seperti Seoinfra).
FID yang tinggi biasanya berasal dari beberapa skenario umum berikut:
Eksekusi file JavaScript besar: Ketika halaman beranda memuat dan mengeksekusi kode JS yang besar secara sinkron (misalnya, inisialisasi kerangka kerja, skrip iklan, plugin pihak ketiga), thread utama akan ditempati untuk waktu yang lama, menyebabkan interaksi pengguna terblokir.
Tugas Panjang (Long Tasks): Browser menganggap tugas yang melebihi 50 milidetik sebagai "tugas panjang". Jika ada beberapa tugas panjang selama fase pemuatan halaman, klik pertama pengguna kemungkinan besar akan bertabrakan dengan tugas yang sedang dieksekusi dan tertunda.
Terlalu banyak sumber daya pihak ketiga: Skrip pihak ketiga seperti tombol berbagi sosial, plugin obrolan, dan kode pelacakan data sering kali bersaing untuk sumber daya thread utama selama pemuatan halaman, memperlambat respons interaksi.
Batasan kinerja perangkat seluler: Kode yang sama mungkin berjalan lancar di komputer berkinerja tinggi, tetapi akan menyebabkan keterlambatan FID yang parah di ponsel kelas bawah karena keterbatasan kemampuan pemrosesan.
Ide inti untuk mengoptimalkan FID adalah mengurangi waktu pemblokiran thread utama dan memungkinkan browser merespons interaksi pengguna dengan cepat.
Memecah dan menunda pemuatan JavaScript: Pecah kode JS yang tidak penting menjadi bagian-bagian kecil, gunakan atribut async atau defer untuk memuat secara asinkron, atau muat secara dinamis setelah interaksi pengguna. Misalnya, plugin obrolan dapat dimuat setelah pengguna mengklik "Hubungi Kami", bukan dieksekusi segera setelah halaman dibuka.
Mengurangi tugas panjang: Gunakan teknik pemisahan kode (Code Splitting) untuk memecah tugas besar menjadi beberapa tugas kecil, hindari satu tugas menduduki thread utama untuk waktu yang lama. Kerangka kerja modern seperti React dan Vue mendukung impor dinamis untuk mencapai hal ini.
Prioritaskan pemuatan sumber daya penting: Gunakan petunjuk sumber daya (seperti preload, prefetch) untuk memprioritaskan pemuatan skrip inti yang mungkin diinteraksikan pengguna, dan tunda pemuatan kode pihak ketiga yang tidak penting.
Mengurangi dampak skrip pihak ketiga: Tinjau dan hapus plugin pihak ketiga yang tidak perlu, atau gunakan alternatif yang ringan. Jika harus digunakan, dapat diisolasi ke thread terpisah menggunakan iframe atau Web Worker untuk menghindari pemblokiran thread utama.
Mengoptimalkan untuk perangkat seluler: Fokus pada kinerja perangkat kelas bawah selama pengujian, gunakan fitur pembatasan CPU Chrome DevTools untuk mensimulasikan skenario nyata, dan pastikan kode masih merespons dengan cepat dalam lingkungan dengan kinerja terbatas.
FID sangat penting untuk jenis situs web dan pengembang berikut:
Platform E-commerce dan Layanan Online: Pengguna perlu sering mengklik produk, mengirimkan formulir, atau melakukan operasi pembayaran. Keterlambatan apa pun dapat menyebabkan kehilangan pesanan.
Situs Web Konten: Meskipun interaksi di situs berita, blog, dan media relatif sederhana, keterlambatan respons terhadap klik pertama (seperti membuka menu, memutar video) dapat secara signifikan mengurangi waktu tinggal pengguna.
Alat SaaS dan Aplikasi Web: Jenis produk ini sendiri padat interaksi. FID yang tinggi akan secara langsung memengaruhi kegunaan produk dan kepuasan pengguna.
Tim Optimasi SEO: Karena FID adalah salah satu metrik web inti Google, setiap tim yang ingin meningkatkan peringkat pencarian harus menjadikannya prioritas optimasi.
FID bukanlah metrik teknis abstrak, tetapi cerminan langsung dari pengalaman pengguna yang sebenarnya. Ketika pengguna mengklik halaman, mereka mengharapkan umpan balik instan, bukan penantian tanpa akhir. Mengoptimalkan FID pada dasarnya adalah mengoptimalkan kepercayaan dan kesabaran pengguna terhadap situs web Anda.