Total Waktu Pemblokiran (TBT) adalah metrik lab penting untuk mengukur responsivitas beban. Metrik ini mengukur total waktu setelah First Contentful Paint (FCP) ketika thread utama diblokir cukup lama untuk mencegah respons terhadap input pengguna. TBT yang rendah membantu memastikan bahwa halaman tersebut dapat digunakan.
Secara default, Lighthouse berhenti memantau TBT setelah Waktu untuk Interaktif (TTI), begitu pula beberapa alat lab lainnya yang mengukur pemuatan halaman. Untuk mengetahui informasi selengkapnya, lihat Bagaimana TBT berhubungan dengan TTI?.
Thread utama dianggap "diblokir" setiap kali ada Tugas Panjang—tugas yang berjalan di thread utama selama lebih dari 50 milidetik (md). Kami mengatakan bahwa thread utama "diblokir" karena browser tidak dapat menghentikan tugas yang sedang berlangsung. Jika pengguna mencoba berinteraksi dengan halaman di tengah-tengah tugas yang panjang, browser harus menunggu tugas tersebut selesai sebelum dapat merespons.
Jika tugas thread utama diblokir selama lebih dari 50 md, pengguna kemungkinan akan memperhatikan penundaan dan melihat halaman sebagai lambat atau rusak.
Waktu pemblokiran tugas panjang tertentu adalah durasinya lebih dari 50 milidetik. Total waktu pemblokiran untuk halaman adalah jumlah waktu pemblokiran untuk setiap tugas panjang yang terjadi setelah FCP untuk jangka waktu yang diukur (biasanya TTI untuk alat pemuatan halaman, atau total waktu pelacakan untuk alat lainnya).
Misalnya, perhatikan diagram thread utama browser berikut selama pemuatan halaman:
Linimasa ini memiliki lima tugas, tiga di antaranya adalah Tugas Panjang karena durasinya melebihi 50 milidetik. Diagram berikutnya menunjukkan waktu pemblokiran untuk setiap tugas yang panjang:
Total waktu yang dihabiskan untuk menjalankan tugas di thread utama adalah 560 milidetik, dan 345 milidetik dari waktu tersebut dianggap sebagai waktu pemblokiran.
| Durasi tugas | Waktu pemblokiran tugas | |
|---|---|---|
| Tugas satu | 250 md | 200 md |
| Tugas dua | 90 md | 40 md |
| Tugas tiga | 35 md | 0 md |
| Tugas empat | 30 md | 0 md |
| Tugas lima | 155 md | 105 md |
| Total Waktu Pemblokiran | 345 md | |
Bagaimana TBT berhubungan dengan TTI?
TBT diukur selama jangka waktu tertentu. Untuk beberapa alat lab yang secara tradisional mengukur pemuatan halaman, termasuk Lighthouse, TBT telah diukur hingga TTI karena hal tersebut membantu mengukur tingkat keparahan halaman noninteraktif sebelum menjadi interaktif yang andal. Namun, Anda dapat terus mengukur TBT di luar TTI, misalnya dalam mode Rentang Waktu Lighthouse.
TTI menganggap halaman "interaktif" jika thread utama tidak memiliki tugas yang berlangsung lama selama setidaknya lima detik. Ini berarti bahwa tiga tugas 51 md yang disebarkan lebih dari 10 detik dapat mendorong kembali TTI hanya sejauh satu tugas 10 detik.
Namun, kedua skenario ini terasa sangat berbeda bagi pengguna yang mencoba berinteraksi dengan halaman. Tiga tugas 51 md memiliki TBT 3 md, sedangkan tugas tunggal 10 detik memiliki TBT 9.950 md, sehingga menciptakan pengalaman pengguna yang jauh lebih buruk.
Karena TBT mewakili pencilan secara lebih akurat, metrik ini sering kali lebih membantu dibandingkan TTI, bahkan saat pengukuran TBT berhenti pada TTI.
Ukur TBT
TBT adalah metrik yang harus diukur di lab. Cara terbaik untuk mengukur TBT adalah dengan menjalankan audit performa Lighthouse di situs Anda. Lihat dokumentasi Lighthouse tentang TBT untuk detail penggunaannya.
Alat lab
Berapa skor TBT yang bagus?
Untuk memberikan pengalaman pengguna yang baik, situs harus memiliki TBT kurang dari 200 milidetik saat diuji pada hardware seluler rata-rata.
Untuk mengetahui detail tentang bagaimana TBT halaman memengaruhi skor performa Lighthouse Anda, lihat Cara Lighthouse menentukan skor TBT Anda.
Tingkatkan TBT
Untuk mempelajari cara meningkatkan TBT di situs tertentu, jalankan audit performa Lighthouse dan perhatikan semua peluang spesifik yang disarankan audit.
Untuk mempelajari cara meningkatkan TBT secara umum (untuk situs apa pun), lihat panduan performa berikut: