TBT vs INP

TL;DR: TBT (Total Blocking Time) dan INP (Interaction to Next Paint) sama-sama mengukur seberapa responsif sebuah halaman, tapi dari sudut berbeda. TBT diukur di lab dan menghitung total waktu main thread terblokir selama pemuatan. INP diukur dari interaksi pengguna asli di lapangan dan menjadi salah satu Core Web Vitals sejak Maret 2024.

Apa Beda TBT dan INP?

TBT dan INP adalah dua metrik yang mengukur responsivitas halaman web, tapi tidak bisa saling menggantikan. TBT adalah metrik lab yang menjumlahkan durasi setiap long task yang memblokir main thread selama halaman dimuat. INP adalah metrik lapangan yang mengukur jeda antara pengguna mengklik atau mengetik sampai halaman merespons secara visual.

Analoginya: TBT seperti mengukur seberapa sibuk dapur restoran saat persiapan buka, sedangkan INP mengukur seberapa cepat pelayan merespons ketika pelanggan benar-benar memanggil.

Perbandingan Singkat

Detail teknis INP bisa dibaca di dokumentasi web.dev.

Kenapa Penting?

Untuk developer dan marketer di Indonesia yang banyak penggunanya memakai perangkat mid-range, kedua metrik ini saling melengkapi. TBT membantu menemukan masalah saat pengembangan, sebelum situs dirilis. INP memvalidasi pengalaman nyata setelah situs live. Memperbaiki TBT biasanya ikut memperbaiki INP karena akarnya sama: JavaScript yang terlalu lama menahan main thread.

Pertanyaan Umum

Kalau TBT sudah bagus, apakah INP otomatis bagus?

Sering kali iya, tapi tidak selalu. TBT hanya melihat fase pemuatan, sementara INP mengukur seluruh sesi termasuk interaksi setelah halaman selesai dimuat. Skrip berat yang berjalan saat klik bisa membuat INP buruk meski TBT bagus.

Mana yang harus dipantau untuk SEO?

INP, karena ia bagian resmi Core Web Vitals dan jadi sinyal peringkat. TBT tetap berguna sebagai alat diagnosis di tahap pengembangan.