Digital Transformation
TBT (Total Blocking Time)
TL;DR: TBT atau Total Blocking Time adalah metrik lab dari Lighthouse yang menjumlahkan semua durasi long task (tugas JavaScript di atas 50 ms) antara First Contentful Paint dan Time to Interactive. Skor baik di bawah 200 ms, butuh perbaikan 200 sampai 600 ms, buruk di atas 600 ms. TBT adalah proxy lab dari INP yang dipakai real user.
Apa itu TBT?
TBT atau Total Blocking Time mengukur seberapa lama thread utama browser terblokir oleh JavaScript berat sehingga tidak bisa merespons input pengguna. Setiap long task yang berjalan lebih dari 50 ms berkontribusi ke TBT sesuai durasi blocking-nya (durasi task minus 50 ms).
Karena diukur di lab environment (bukan real user), TBT lebih konsisten untuk regression testing di CI/CD dibanding metrik field seperti INP. Tim developer biasanya pakai TBT sebagai gerbang sebelum push ke produksi.
Cara Kerja TBT
| Skor TBT | Kualitas | Implikasi |
|---|---|---|
| Di bawah 200 ms | Baik | Halaman responsif terhadap input |
| 200 sampai 600 ms | Perlu perbaikan | Audit third-party script |
| Di atas 600 ms | Buruk | Refactor bundle JS atau code-split |
TBT dihitung dengan formula: jumlah (durasi task - 50 ms) untuk semua task antara FCP dan TTI. Misal ada 3 long task masing-masing 120 ms, 200 ms, dan 90 ms, maka TBT = (120-50) + (200-50) + (90-50) = 260 ms.
Kenapa Penting?
Dari pengalaman Vito Atmo mengaudit landing page klien Atmo LMS, penurunan TBT dari 580 ms ke 140 ms (lewat code-split dan menghapus 4 third-party tracker) menaikkan skor Lighthouse Performance dari 62 ke 91. TBT yang rendah biasanya berkorelasi dengan INP yang baik di lapangan, jadi memperbaiki TBT di lab seringkali otomatis memperbaiki pengalaman real user.
Pertanyaan Umum
Apa beda TBT dengan INP?
TBT adalah metrik lab yang dijalankan di environment kontrol (Lighthouse), sementara INP adalah metrik field dari real user. TBT lebih cocok untuk CI, INP untuk laporan SEO.
Cara cek TBT halaman?
Pakai Lighthouse di Chrome DevTools atau PageSpeed Insights tab Diagnostics. Skor TBT muncul di laporan Performance.