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 iş parçacığında 50 milisaniyeden uzun süre çalışan Uzun Görev bir görev olduğunda ana iş parçacığı "engellenmiş" olarak kabul edilir. Tarayıcı devam eden bir görevi kesintiye uğratamayacağı için ana iş parçacığının "engellendiğini" söylüyoruz. 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:
Dolayısıyla, 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ındaki ilişki nedir?
TBT belirli 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, ana iş parçacığında en az beş saniye boyunca uzun görev bulunmuyorsa bir sayfayı "güvenilir şekilde etkileşimli" olarak kabul eder. Bu, 10 saniyeye yayılmış 51 ms'lik üç görevin TTI'yi 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: