Total Blocking Time (TBT), web sayfanızın yükleme sürecindeki kullanıcı etkileşimlerine verilen yanıtın ne kadar süreyle engellendiğini ölçen bir web performans metriğidir. TBT, sayfa yükleme sırasında ana iş parçacığı (main thread) üzerindeki uzun süren görevler nedeniyle kullanıcı etkileşimlerinin geciktiği zamanı hesaplar.

Ana iş parçacığı, tarayıcıda JavaScript işlemleri, CSS stillemesi ve diğer önemli görevlerin gerçekleştiği parçadır. Eğer ana iş parçacığı uzun süreli görevlerle meşgul ise, kullanıcı etkileşimleri bu süre boyunca engellenebilir. Bu da kullanıcıların sayfa ile etkileşimde bulunurken beklemek zorunda kaldığı anlamına gelir.

TBT, First Input Delay (FID) metriği ile yakından ilişkilidir. FID, kullanıcı etkileşimi ile tarayıcının yanıt vermesi arasındaki gecikmeyi ölçerken, TBT kullanıcı etkileşimlerinin gerçekleştiği sırada ana iş parçacığının engellenme süresini hesaplar.

TBT'nin hedefi, 300 milisaniyenin altında bir değer elde etmektir. Bu, sayfa yükleme sırasında uzun süreli görevlerin neden olduğu engellemelerin minimumda olduğunu ve kullanıcı etkileşimlerinin daha düşük bir gecikme ile gerçekleştiğini gösterir.

Web geliştiriciler, TBT'yi optimize etmek ve daha iyi kullanıcı deneyimleri sunmak için aşağıdaki adımları atabilir:

1. JavaScript İyileştirmesi: Uzun süreli çalışan veya engellemelere neden olan JavaScript kodlarını optimize edin.

2. Asenkron Yükleme: Kullanıcı etkileşimlerini engelleyebilecek JavaScript kodlarını asenkron olarak yükleyerek TBT'yi düşürebilirsiniz.

3. CSS ve Stil Optimizasyonu: Fazla CSS kodu veya stil işlemleri sayfanın engellenmesine neden olabilir. CSS kodlarını optimize edin.

4. Resim ve Medya Optimizasyonu: Büyük resim veya medya dosyaları ana iş parçacığını engelleyebilir. Bu dosyaları sıkıştırarak veya daha hızlı sunucular kullanarak TBT'yi azaltabilirsiniz.

TBT, web sayfasının kullanıcı etkileşimlerine nasıl yanıt verdiğini değerlendirmek için önemli bir metriktir. Daha düşük bir TBT değeri, kullanıcı deneyimini iyileştirir ve sayfanın daha hızlı ve duyarlı olduğunu gösterir.

Web Sitenizin TBT oranını Page Speed'ten test edebilirsiniz. Page Speed'te 300 ms altı değerler çok iyi, 300-600 ms arası değerler geliştirilmeli, 600 ms ve sonrası değerler için ise web sitenizin TBT performansının çok kötü olduğunu bildirir.