İLE %100 UYUMLU: Güvenli E-Posta Hosting Hizmetimizi 1 AY ÜCRETSİZ Deneyin! HEMEN OLUŞTURUN
İçindekiler
İnternette gezinirken hepimizin başına gelmiş sinir bozucu bir senaryo vardır: İlginizi çeken bir web sitesine girersiniz, sayfa ekranda çok hızlı bir şekilde belirir, resimler ve metinler saniyeler içinde yüklenir. “Harika, site açıldı!” diye düşünüp bir butona, menüye veya bir bağlantıya tıklamaya çalışırsınız; ancak site hiçbir tepki vermez. Ekran donmuş gibidir, kaydırma (scroll) yapmaya çalışırsınız sayfa takılarak hareket eder. İşte bir web sitesinin görsel olarak yüklenmiş gibi görünüp arka planda kullanıcının komutlarına yanıt veremediği o felç edici zaman diliminin teknik karşılığı TBT (Total Blocking Time – Toplam Engelleme Süresi) olarak adlandırılır.
2026 yılının rekabetçi SEO (Arama Motoru Optimizasyonu) dünyasında, Google’ın Core Web Vitals (Önemli Web Verileri) metrikleri artık sadece “Sayfa ne kadar sürede açıldı?” sorusuyla ilgilenmez. “Sayfa açıldığında kullanıcıyla ne kadar sürede etkileşime girebildi?” sorusu sıralamaları belirleyen en kritik faktörlerden biri haline gelmiştir. Çünkü kullanıcılar, tıklayıp yanıt alamadıkları bir siteyi ortalama 3 saniye içinde terk etmektedir (Bounce Rate).
Bu derinlemesine rehberde; web performansının sessiz katili olan TBT metriğinin tam olarak ne anlama geldiğini, tarayıcıların “Ana İş Parçacığı” (Main Thread) mimarisini nasıl tıkadığını, TBT’yi nasıl ölçeceğinizi ve sitenizi bu ağır yükten kurtaracak teknik optimizasyon stratejilerini tüm şeffaflığıyla inceliyoruz.
TBT (Total Blocking Time), sayfanın ilk metin veya görsel içeriğinin ekranda belirdiği an (First Contentful Paint – FCP) ile sayfanın kullanıcı etkileşimlerine tamamen hazır hale geldiği an (Time to Interactive – TTI) arasında geçen sürede, tarayıcının kullanıcı yanıtlarını engelleyecek kadar meşgul olduğu toplam süreyi milisaniye (ms) cinsinden ölçer.
Bu tanımı tam olarak kavrayabilmek için tarayıcıların (Chrome, Firefox, Safari vb.) kodları nasıl işlediğine, yani “Ana İş Parçacığı” kavramına yakından bakmalıyız.
İnternet tarayıcıları, bir web sitesini ekrana çizerken HTML’i okumak, CSS’i yorumlayıp tasarıma dökmek ve JavaScript kodlarını çalıştırmak zorundadır. Tarayıcının tüm bu işleri yaptığı tek şeritli bir otoyol vardır; bu yola Ana İş Parçacığı (Main Thread) denir.
Ana iş parçacığı aynı anda sadece bir işi yapabilir. Eğer tarayıcı, ağır bir JavaScript dosyasını çalıştırmakla meşgulse, o an kullanıcının ekrandaki bir butona tıklamasını veya sayfayı kaydırmasını işleme alamaz. Kullanıcı tıklasa bile, tarayıcı “Şu an meşgulüm, elimdeki işi bitirene kadar bekle” der.
Performans ölçüm laboratuvarlarında (Lighthouse), ana iş parçacığını 50 milisaniyeden (ms) daha uzun süre meşgul eden her işleme “Uzun Görev” (Long Task) adı verilir. 50 ms’nin altındaki görevler insan gözü ve algısı tarafından “anlık” olarak hissedildiği için sorun yaratmaz.
TBT’nin hesaplanma mantığı oldukça basittir. 50 ms’yi aşan her “Uzun Görev”, engelleme süresine katkıda bulunur. Sadece 50 ms’nin üzerindeki kısım hesaplamaya dahil edilir.
Örnek Senaryo: Arayüz geliştiricisi Altuğ, e-ticaret sitesi için karmaşık bir filtreleme modülü kodlamıştır. Site yüklendiğinde tarayıcı arka planda üç farklı JavaScript görevi çalıştırır:
Bu durumda, Altuğ’un sayfasının TBT değeri: 70 ms + 30 ms = 100 milisaniyedir.
Google’ın performans standartlarına göre TBT skorlarının değerlendirmesi şöyledir:
Web performans metriklerini incelerken çok sayıda kısaltmayla karşılaşırsınız. TBT, doğrudan bir Laboratuvar Metriğidir (Lab Data). Yani Google PageSpeed Insights veya Lighthouse gibi araçların, yapay bir ortamda sitenizi test ederken ürettiği teorik bir puandır. Gerçek kullanıcıların sahada yaşadığı deneyimi ölçen metrik ise 2024 yılına kadar FID (First Input Delay) iken, modern algoritmalarda yerini çok daha kapsamlı olan INP (Interaction to Next Paint) metriğine bırakmıştır.
TBT skoru kötüyse, sahada ölçülen INP skorunun da (gerçek kullanıcının tıklama gecikmesi) kötü olması kaçınılmazdır. TBT’yi iyileştirmek, doğrudan INP skorunuzu yeşil bölgeye taşıyacaktır.
Web sayfanızın “kilitlenip kalmasına” neden olan başlıca mimari hatalar ve dijital obezite sorunları şunlardır:
Sitenize eklediğiniz her bir dinamik öğe (Sliderlar, pop-uplar, karmaşık animasyonlar) JavaScript ile çalışır. Bu dosyaların sıkıştırılmadan (minify) veya sayfanın ihtiyacı olmayan kodlarla dolu bir şekilde (dead code) tarayıcıya gönderilmesi, ana iş parçacığını saniyelerce rehin alır.
Dijital pazarlama uzmanı Berrin, yönettiği içerik sitesine ziyaretçileri takip edebilmek için Google Analytics, Facebook Pixel, Hotjar ısı haritası, canlı destek aracı ve üç farklı reklam ağı kodu eklemiştir. Kullanıcı siteye girdiğinde, Berrin’in kendi sunucusundan gelen içerik hemen yüklenir; ancak o sırada dış kaynaklardan gelen bu takip kodları aynı anda devreye girip çalışmaya başlar. Ana iş parçacığı bu dış scriptleri işlemekten, kullanıcının tıklamalarına yanıt veremez hale gelir. Dış kaynaklı kodlar, yüksek TBT skorlarının %80’inin bir numaralı sorumlusudur.
DOM (Document Object Model), bir web sayfasının HTML iskeletidir. Sayfada ne kadar çok HTML etiketi (div, span vb.) varsa, tarayıcının o iskeleti oluşturması ve JavaScript’in o iskelet içindeki bir elementi bulup değiştirmesi o kadar uzun sürer. Tasarımcıların pratik bulduğu ancak kod tarafında yüzlerce iç içe geçmiş klasör yaratan bazı “Sayfa Oluşturucu” (Page Builder) eklentileri devasa DOM boyutlarına yol açar.
TBT skorunuzu 200 milisaniyenin altına indirmek, kullanıcılara pürüzsüz ve “yağ gibi akan” bir deneyim sunmak için uygulamanız gereken teknik adımlar şunlardır:
Ana iş parçacığı HTML kodlarını yukarıdan aşağıya doğru okur. Okurken <script> etiketine denk geldiğinde, o an HTML okumayı bırakır, o scripti indirir ve çalıştırana kadar bekler. Bu durum TBT’yi fırlatır.
<script>
Bu sorunu çözmek için script etiketlerinize defer veya async niteliklerini eklemelisiniz.
defer
async
Berrin’in yaşadığı canlı destek ve analiz scriptleri sorununun en kesin çözümü, bu kodların yüklenmesini “Kullanıcı Etkileşimine” bağlamaktır. “Delay JS Execution” tekniği sayesinde; kullanıcı fareyi oynatana, ekrana dokunana veya sayfayı kaydırana kadar hiçbir reklam, canlı destek veya Analytics kodu yüklenmez. Sistem önce sadece siteyi açar, ana iş parçacığı tamamen boş kalır. Kullanıcı sayfayla etkileşime girdiği ilk milisaniye içinde dış kodlar arka planda tetiklenir. Bu teknik TBT skorunuzu mucizevi bir şekilde sıfıra yaklaştırır.
Eğer kendi yazdığınız özel bir yazılımınız varsa, kod mimarisini gözden geçirmelisiniz. Yazılım mühendisi Cengizhan, uygulamasında 250 ms süren devasa bir veri işleme fonksiyonu yazmıştır. Tarayıcı 250 ms boyunca kilitlenmektedir. Cengizhan bu fonksiyonu inceleyerek onu 50’şer ms süren 5 küçük parçaya böler (Örneğin setTimeout veya modern JavaScript kütüphanelerinde kod bölme teknikleri kullanarak). Tarayıcı her 50 ms’lik parçanın arasında nefes alır; eğer o sırada kullanıcı bir butona tıklamışsa, tarayıcı hemen ona yanıt verir ve sonra veri işlemeye kaldığı yerden devam eder.
setTimeout
Ana iş parçacığı sadece bir tanedir, ancak modern tarayıcılarda işleri devredilebilecek Web Workers adı verilen görünmez asistanlar bulunur. Veri bilimci Dilara, web sitesinde anlık olarak çalışan ağır bir kripto para algoritması hesaplatmaktadır. Dilara bu hesaplama kodlarını ana iş parçacığından çıkarıp bir “Web Worker” dosyasına yollar. Web Worker bu ağır hesaplamayı arka planda, tarayıcının performansını hiç etkilemeden yapar ve sonuç bittiğinde ana ekrana iletir. Ana yol boş kaldığı için TBT hiç etkilenmez. (2026’nın popüler araçlarından olan Partytown, Google Analytics gibi dış scriptleri Web Workers içine taşıyarak TBT sorunlarını kökünden çözen muazzam bir kütüphanedir).
WordPress kullanıyorsanız sitenizdeki her eklentiyi sorgulayın. Sadece bir iletişim formu göstermek için sayfaya yüzlerce satırlık CSS ve JS dosyası yükleyen eski nesil eklentileri kaldırın. Bunların yerine hafif, modüler ve sadece ihtiyaç duyulan sayfalarda kod yükleyen modern alternatiflere geçiş yapın. DOM boyutunuzu küçültmek için gereksiz yere iç içe geçmiş satır ve sütun tasarımlarından kaçının.
Web performans optimizasyonu, 2026 yılı itibarıyla yalnızca arama motorlarını (Google) memnun etmek için yapılan mekanik bir süreç olmaktan çıkmış, doğrudan insan psikolojisiyle ilgili bir deneyim mühendisliğine dönüşmüştür.
Total Blocking Time (TBT), kullanıcının dijital dünyadaki sabır sınırlarını ölçen en kritik laboratuvar metriğidir. Göze çok hızlı yüklenmiş gibi görünen ancak tıklamalara sağır bir duvar gibi duran web sayfaları; kullanıcıda sadece hayal kırıklığı ve markaya karşı güvensizlik yaratır.
Ana iş parçacığınızı rehin alan o devasa JavaScript yüklerini ertelediğinizde, dış kaynaklı takip scriptlerini etkileşime bağlayıp geciktirdiğinizde ve uzun görevleri küçük, yönetilebilir lokmalara böldüğünüzde; tarayıcınızın derin bir nefes aldığını göreceksiniz. TBT skoru sıfıra yaklaşan, dokunduğunuz an milisaniyeler içinde tepki veren bir web sitesi; yalnızca organik sıralamalarınızı (SEO) zirveye taşımakla kalmayacak, aynı zamanda dönüşüm oranlarınızı (satış, kayıt, etkileşim) hiç beklemediğiniz ölçüde artıracaktır. Dijital dünyada başarı, hızla görünmekle değil, hızla yanıt verebilmekle başlar.
İLE %100 UYUMLU: Güvenli E-Posta Hosting Hizmetimizi 1 AY ÜCRETSİZ Deneyin!