TBT (Total Blocking Time)

TL;DR: TBT (Total Blocking Time) mengukur total durasi thread utama browser terblokir oleh tugas berat antara First Contentful Paint dan halaman siap interaktif. Skor baik berada di bawah 200 ms pada pengujian lab, dan TBT yang tinggi biasanya menjadi prediktor INP yang buruk di lapangan.

Apa itu TBT?

TBT (Total Blocking Time) adalah metrik lab yang menghitung berapa lama thread utama "macet" oleh tugas panjang sehingga tidak bisa merespons input pengguna. Setiap tugas yang berjalan lebih dari 50 ms dianggap "long task", dan kelebihan waktu di atas 50 ms itulah yang dijumlahkan menjadi TBT. Metrik ini menjadi pengganti lab untuk memperkirakan interaktivitas, sebelum Anda melihat data lapangan dari INP. TBT muncul di laporan Lighthouse dan termasuk dalam kerangka Core Web Vitals sebagai sinyal pendukung.

Cara Kerja

Kenapa Penting?

TBT tinggi berarti halaman terlihat sudah tampil tapi belum bisa diklik dengan lancar, dan ini sering jadi keluhan tersembunyi. Dalam audit performa yang saya kerjakan, memecah bundle JavaScript besar dan menunda script non-esensial menurunkan TBT secara konsisten dan memperbaiki Total Blocking Time sebagai akar masalah interaktivitas. Karena TBT adalah metrik lab, ia berguna untuk menangkap masalah sebelum pengguna nyata merasakannya. Rujukan teknis tersedia di dokumentasi web.dev tentang TBT.

Pertanyaan Umum

Apa beda TBT dan INP?

TBT diukur di lab dan memperkirakan responsivitas keseluruhan, sedangkan INP diukur dari interaksi nyata pengguna di lapangan. TBT bagus untuk debugging, INP untuk menilai pengalaman sebenarnya.

Berapa TBT yang dianggap baik?

Di bawah 200 ms tergolong baik, 200 sampai 600 ms perlu perbaikan, dan di atas 600 ms tergolong buruk pada pengujian Lighthouse.