TBT nedir?
Toplam Engelleme Süresi (TBT) metriği, İlk Zengin İçerikli Boyama (FCP) işleminden sonra ana iş parçacığının, girişe yanıt vermeyi engelleyecek kadar uzun süre engellendiği toplam süreyi ölçer.
Varsayılan olarak Lighthouse, sayfa yüklemeyi ölçen diğer bazı laboratuvar araçları gibi Etkileşime Hazır Olma Süresi (TTI) sonrasında TBT'yi izlemeyi durdurur. TBT ile TTI'nın ilişkisi nedir? bölümüne bakın.
Ana ileti dizisi "engellenmiş" olarak kabul edilir ana iş parçacığında 50 milisaniyeden uzun süre çalışan Uzun Görev her zaman. Ana iş parçacığının "engellendiğini" söylüyoruz. Çünkü tarayıcı devam eden bir görevi kesintiye uğratamaz. Bu nedenle, bir kullanıcının uzun bir görevin ortasında sayfayla etkileşimde bulunması durumunda, tarayıcının yanıt verebilmek için görevin tamamlanmasını beklemesi gerekir.
Görev yeterince uzunsa (50 milisaniyeden uzun bir süre), kullanıcı muhtemelen gecikmeyi fark eder ve sayfayı bozuk veya bozuk olarak algılar.
Belirli bir uzun görevin engelleme süresi, 50 milisaniyeden uzun süredir. Bir sayfanın toplam engelleme süresi, ölçülen zaman aralığı için FCP'den sonra gerçekleşen her uzun görevin engelleme süresi toplamıdır (genellikle sayfa yükleme araçları için TTI veya diğer araçlar için toplam izleme süresi).
Örneğin, sayfa yükleme sırasında tarayıcının ana iş parçacığının aşağıdaki şemasını düşünün:
Yukarıdaki resimde gösterilen zaman çizelgesinde beş görev vardır. Bunların üçü Uzun Görevlerdir, çünkü süreleri 50 milisaniyeyi aşmıştır. Sonraki şemada, uzun görevlerin her biri için engelleme süresi gösterilmektedir:
Bu nedenle, ana iş parçacığında görevleri çalıştırmak için harcanan toplam süre 560 milisaniye olsa da, bu sürenin yalnızca 345 milisaniyesi engelleme süresi olarak kabul edilir.
| Görev süresi (milisaniye) | Görev engelleme süresi (milisaniye) | |
|---|---|---|
| Birinci görev | 250 | 200 |
| İkinci görev | 90 | 40 |
| Üçüncü görev | 35 | 0 |
| Dördüncü görev | 30 | 0 |
| Beşinci görev | 155 | 105 |
| Toplam Engelleme Süresi | 345 milisaniye | |
TBT ile TTI arasında ne var?
TBT bir dönem boyunca ölçülür. Lighthouse gibi geleneksel olarak sayfa yüklemelerini ölçen bazı laboratuvar araçlarında TBT, bir sayfanın güvenilir bir şekilde etkileşimli hale gelmeden önce ne kadar etkileşimsiz olduğunun önem derecesinin ölçülmesine yardımcı olduğundan TTI'ye kadar ölçülmüştür. Ancak TBT, sayfa yüklendikten sonra da ölçülmeye devam edebilir. TTI sonrasında (örneğin, Lighthouse Zaman Aralığı modunda).
TTI, bir sayfayı "güvenilir şekilde etkileşimli" olarak değerlendirir ana iş parçacığında en az beş saniye boyunca uzun görevler yoksa Bu, 10 saniyeye yayılmış 51 ms'lik üç görevin TTI'yı 10 saniyelik tek bir görev kadar geri çevirebileceği anlamına gelir. Ancak bu iki senaryo, sayfayla etkileşim kurmaya çalışan kullanıcıya oldukça farklı hissedecektir.
İlk durumda, 51 ms'lik üç görevin TBT'si 3 milisaniye olacaktır. 10 saniyelik tek bir görevin ise TBT değeri 9950 milisaniye olacaktır. İkinci durumda daha büyük olan TBT değeri, daha kötü deneyimi ifade eder.
Bu örnek, aykırı değerlere daha az açık olduğu için TBT'nin neden TTI'den daha iyi bir metrik olduğunu göstermektedir. Bu durum, TBT için uç nokta olarak TTI kullanıldığında bile geçerlidir.
TBT nasıl ölçülür?
TBT, laboratuvarda ölçülmesi gereken bir metriktir. TBT'yi ölçmenin en iyi yolu, sitenizde Lighthouse performans denetimi yürütmektir. Kullanım ayrıntıları için TBT ile ilgili Lighthouse dokümanlarına bakın.
Laboratuvar araçları
İyi bir TBT puanı nedir?
İyi bir kullanıcı deneyimi sağlamak için siteler ortalama mobil donanım üzerinde test edildiğinde Toplam Engelleme Süresinin 200 milisaniye'nin altında olmasını sağlamalıdır.
Sayfanızın TBT'sinin Lighthouse performans puanınızı nasıl etkilediğiyle ilgili ayrıntılar için Lighthouse TBT puanınızı nasıl belirler? başlıklı makaleye bakın
TBT nasıl iyileştirilir?
Belirli bir site için TBT'yi nasıl iyileştireceğinizi öğrenmek üzere Lighthouse performans denetimi çalıştırabilir ve denetimin önerdiği belirli fırsatlara dikkat edebilirsiniz.
Genel olarak (herhangi bir site için) TBT'yi nasıl iyileştireceğinizi öğrenmek üzere aşağıdaki performans kılavuzlarına bakın: