{"id":1081,"date":"2025-02-06T04:21:21","date_gmt":"2025-02-06T01:21:21","guid":{"rendered":"https:\/\/mudosdigital.com\/tr\/?p=1081"},"modified":"2025-02-08T10:55:30","modified_gmt":"2025-02-08T07:55:30","slug":"total-blocking-time-tbt-nedir","status":"publish","type":"post","link":"https:\/\/mudosdigital.com\/tr\/total-blocking-time-tbt-nedir\/","title":{"rendered":"Total Blocking Time (TBT) Nedir?"},"content":{"rendered":"\n<p><strong>Total Blocking Time (TBT)<\/strong>, bir web sayfas\u0131 y\u00fcklenirken taray\u0131c\u0131n\u0131n ana i\u015f par\u00e7ac\u0131\u011f\u0131n\u0131n (main thread) uzun g\u00f6revler nedeniyle (50 ms\u2019den uzun s\u00fcren i\u015flemler) ne kadar s\u00fcreyle me\u015fgul oldu\u011funu \u00f6l\u00e7en bir performans metri\u011fidir.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Total Blocking Time (TBT) Temel Unsurlar\u0131<\/h2>\n\n\n\n<p>Total Blocking Time (TBT) \u00f6l\u00e7\u00fcm\u00fc, kullan\u0131c\u0131n\u0131n sayfayla etkile\u015fime ge\u00e7meye \u00e7al\u0131\u015ft\u0131\u011f\u0131 ancak taray\u0131c\u0131n\u0131n bu istekleri yerine getiremedi\u011fi zamanlar\u0131 hesaplar. Ba\u015fka bir deyi\u015fle, ana i\u015f par\u00e7ac\u0131\u011f\u0131ndaki her g\u00f6rev 50 ms\u2019den uzun s\u00fcr\u00fcyorsa, bu uzun g\u00f6revlerin 50 ms&#8217;lik k\u0131sm\u0131 engelleme s\u00fcresi olarak kabul edilir. TBT, bu engelleme s\u00fcrelerinin t\u00fcm\u00fcn\u00fc toplayarak sayfan\u0131n ne kadar s\u00fcre boyunca yan\u0131t vermedi\u011fini (blokland\u0131\u011f\u0131n\u0131) belirler. Bu y\u00fczden &#8220;toplam&#8221; engelleme s\u00fcresi olarak adland\u0131r\u0131l\u0131r.<\/p>\n\n\n\n<p>Total Blocking Time (TBT) \u00f6l\u00e7\u00fcm\u00fcndeki kilit noktalar \u015funlard\u0131r:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Uzun G\u00f6revler (Long Tasks):<\/strong> Taray\u0131c\u0131n\u0131n ana i\u015f par\u00e7ac\u0131\u011f\u0131nda \u00e7al\u0131\u015fan ve 50 milisaniyeyi a\u015fan g\u00f6revler &#8220;uzun g\u00f6rev&#8221; olarak adland\u0131r\u0131l\u0131r. Bu g\u00f6revler \u00e7al\u0131\u015f\u0131rken taray\u0131c\u0131 kullan\u0131c\u0131 girdilerine yan\u0131t veremez.<\/li>\n\n\n\n<li><strong>\u00d6l\u00e7\u00fcm Aral\u0131\u011f\u0131:<\/strong> TBT, genellikle sayfan\u0131n ilk i\u00e7erik boyamas\u0131 (First Contentful Paint \u2013 FCP) ile sayfan\u0131n tamamen etkile\u015fimli hale geldi\u011fi (Time To Interactive \u2013 TTI) zaman aral\u0131\u011f\u0131nda meydana gelen uzun g\u00f6revlerin, 50 ms\u2019nin \u00fczerindeki k\u0131sm\u0131n\u0131n toplam\u0131 olarak hesaplan\u0131r.<\/li>\n\n\n\n<li><strong>Kullan\u0131c\u0131 Deneyimine Etkisi:<\/strong> TBT, sayfa y\u00fcklenirken meydana gelen gecikmelerin, \u00f6rne\u011fin t\u0131klamalara veya dokunma olaylar\u0131na yan\u0131t verememe durumunun bir g\u00f6stergesidir. Y\u00fcksek TBT, kullan\u0131c\u0131n\u0131n sayfayla etkile\u015fimde bulunmas\u0131n\u0131 engelleyerek k\u00f6t\u00fc bir kullan\u0131c\u0131 deneyimi yarat\u0131r.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Total Blocking Time (TBT) Uzun G\u00f6revler Nereden Kontrol Edilir?<\/h2>\n\n\n\n<p>DevTools\u2019un Performans sekmesinde, sayfan\u0131n y\u00fcklenmesi ve kullan\u0131c\u0131 etkile\u015fimleri s\u0131ras\u0131nda ana i\u015f par\u00e7ac\u0131\u011f\u0131nda ger\u00e7ekle\u015fen t\u00fcm g\u00f6revler zaman \u00e7izelgesinde g\u00f6sterilir. Burada, 50 milisaniyeden uzun s\u00fcren g\u00f6revler otomatik olarak &#8220;uzun g\u00f6rev&#8221; olarak i\u015faretlenir.<\/p>\n\n\n\n<p>\u00d6rne\u011fin, diyelim ki bir web sayfas\u0131 y\u00fcklenirken bir JavaScript fonksiyonu \u00e7al\u0131\u015f\u0131yor ve bu fonksiyonun tamamlanmas\u0131 250 milisaniye s\u00fcr\u00fcyor. Taray\u0131c\u0131, normal bir g\u00f6revin maksimum \u00e7al\u0131\u015fma s\u00fcresini 50 milisaniye olarak kabul eder. Bu durumda, 250 ms \u2013 50 ms = 200 ms s\u00fcren k\u0131s\u0131m, ana i\u015f par\u00e7ac\u0131\u011f\u0131n\u0131n uzun s\u00fcre me\u015fgul kalmas\u0131na neden oldu\u011fundan &#8220;uzun g\u00f6rev&#8221; olarak i\u015faretlenir. Yani, 250 milisaniyelik bir g\u00f6revde, ilk 50 milisaniye d\u0131\u015f\u0131nda kalan 200 milisaniye uzun g\u00f6rev olarak kabul edilir.<\/p>\n\n\n\n<p>G\u00f6revlerin s\u00fcresi k\u0131rm\u0131z\u0131 renkle veya \u00f6zel simgelerle vurgulan\u0131r. Fareyle uzun bir g\u00f6revin \u00fczerine geldi\u011finizde, g\u00f6rev s\u00fcresine dair detayl\u0131 bir tooltip g\u00f6r\u00fcnt\u00fclenir. B\u00f6ylece hangi g\u00f6revlerin uzun s\u00fcrd\u00fc\u011f\u00fcn\u00fc kolayca g\u00f6rebilir ve analiz edebilirsiniz.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u0130deal Total Blocking Time (TBT) De\u011ferleri Nelerdir?<\/h2>\n\n\n\n<p>Mobil cihazlar i\u00e7in ideal TBT de\u011feri 300 ms&#8217;nin alt\u0131nda, masa\u00fcst\u00fc cihazlar i\u00e7in ise 100 ms&#8217;nin alt\u0131nda olmal\u0131d\u0131r. Bu fark, mobil cihazlar\u0131n genellikle daha d\u00fc\u015f\u00fck i\u015flem g\u00fcc\u00fc ve daha y\u00fcksek a\u011f gecikmelerine sahip olmas\u0131ndan kaynaklan\u0131r. Dolay\u0131s\u0131yla, mobilde biraz daha y\u00fcksek bir e\u015fik kabul edilebilirken, masa\u00fcst\u00fc cihazlarda daha s\u0131k\u0131 performans beklentisi vard\u0131r. Total Blocking Time, Lighthouse Performans puan\u0131n\u0131n %25&#8217;ini belirledi\u011fi i\u00e7in, TBT&#8217;nin d\u00fc\u015f\u00fck tutulmas\u0131 genel kullan\u0131c\u0131 deneyimi ve s\u0131ralama a\u00e7\u0131s\u0131ndan b\u00fcy\u00fck \u00f6nem ta\u015f\u0131r. Lighthouse raporundaki tablolar, farkl\u0131 TBT de\u011ferlerinin sayfan\u0131n genel performans skorunu nas\u0131l etkiledi\u011fini net bir \u015fekilde g\u00f6stermektedir.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Mobil Cihazlar i\u00e7in TBT De\u011ferleri<\/h3>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>TBT Aral\u0131\u011f\u0131 (ms)<\/th><th>Lighthouse Performans Durumu<\/th><th>A\u00e7\u0131klama<\/th><\/tr><\/thead><tbody><tr><td>0 \u2013 300 ms<\/td><td>M\u00fckemmel (Ye\u015fil)<\/td><td>Ana i\u015f par\u00e7ac\u0131\u011f\u0131 \u00e7ok az engelleniyor; kullan\u0131c\u0131 etkile\u015fimleri neredeyse kesintisiz.<\/td><\/tr><tr><td>300 \u2013 600 ms<\/td><td>Geli\u015ftirmeye A\u00e7\u0131k (Turuncu)<\/td><td>Baz\u0131 uzun g\u00f6revler mevcut; iyile\u015ftirme \u00f6nerilir.<\/td><\/tr><tr><td>600+ ms<\/td><td>K\u00f6t\u00fc (K\u0131rm\u0131z\u0131)<\/td><td>Uzun g\u00f6revler nedeniyle ciddi blokajlar; kullan\u0131c\u0131 deneyimi olumsuz etkilenir.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Masa\u00fcst\u00fc Cihazlar i\u00e7in TBT De\u011ferleri<\/h3>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>TBT Aral\u0131\u011f\u0131 (ms)<\/th><th>Lighthouse Performans Durumu<\/th><th>A\u00e7\u0131klama<\/th><\/tr><\/thead><tbody><tr><td>0 \u2013 100 ms<\/td><td>M\u00fckemmel (Ye\u015fil)<\/td><td>Masa\u00fcst\u00fc ortam\u0131nda ana i\u015f par\u00e7ac\u0131\u011f\u0131 minimum s\u00fcreyle engelleniyor.<\/td><\/tr><tr><td>100 \u2013 200 ms<\/td><td>Geli\u015ftirmeye A\u00e7\u0131k (Turuncu)<\/td><td>Ortalama performans; baz\u0131 optimizasyonlar faydal\u0131 olabilir.<\/td><\/tr><tr><td>200+ ms<\/td><td>K\u00f6t\u00fc (K\u0131rm\u0131z\u0131)<\/td><td>Masa\u00fcst\u00fcnde dahi, y\u00fcksek engelleme s\u00fcresi; per<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Total Blocking Time (TBT) Neden \u00d6nemlidir?<\/h2>\n\n\n\n<p>Total Blocking Time (TBT), \u00f6zellikle Google\u2019\u0131n PageSpeed Insights ve Lighthouse gibi ara\u00e7lar\u0131nda sayfa performans\u0131n\u0131n \u00f6nemli bir par\u00e7as\u0131n\u0131 olu\u015fturur. TBT&#8217;nin \u00f6nemli bir metrik olmas\u0131n\u0131n nedenleri aras\u0131nda \u015funlar yer al\u0131r:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Kullan\u0131c\u0131 Etkile\u015fimi:<\/strong> Uzun TBT, kullan\u0131c\u0131lar\u0131n sayfa \u00fczerindeki girdilerine (\u00f6rne\u011fin, t\u0131klama veya dokunma) yan\u0131t verilememesine ve dolay\u0131s\u0131yla sayfan\u0131n yava\u015f veya donuk alg\u0131lanmas\u0131na neden olur.<\/li>\n\n\n\n<li><strong>SEO ve S\u0131ralamalar:<\/strong> Google, Core Web Vitals kapsam\u0131nda TBT ile ili\u015fkili metrikleri de\u011ferlendirir. Y\u00fcksek TBT, k\u00f6t\u00fc kullan\u0131c\u0131 deneyimi yarataca\u011f\u0131 i\u00e7in SEO s\u0131ralamalar\u0131n\u0131 olumsuz etkileyebilir.<\/li>\n\n\n\n<li><strong>Optimizasyon F\u0131rsatlar\u0131:<\/strong> TBT, geli\u015ftiricilere JavaScript kodlar\u0131n\u0131n, \u00fc\u00e7\u00fcnc\u00fc taraf scriptlerin ve di\u011fer kaynaklar\u0131n optimize edilmesi gerekti\u011fini g\u00f6sterir. Bu iyile\u015ftirmeler sayesinde sayfa y\u00fcklenme s\u00fcresi ve yan\u0131t h\u0131z\u0131 art\u0131r\u0131labilir.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Total Blocking Time (TBT) Nas\u0131l \u00d6l\u00e7\u00fcl\u00fcr?<\/h2>\n\n\n\n<p>TBT, Chrome DevTools, Lighthouse, PageSpeed Insights gibi ara\u00e7larla \u00f6l\u00e7\u00fclebilir. Bu ara\u00e7lar, sayfan\u0131n y\u00fcklenme s\u00fcrecinde hangi g\u00f6revlerin 50 ms\u2019yi a\u015ft\u0131\u011f\u0131n\u0131 belirleyip, bu uzun g\u00f6revlerin fazladan s\u00fcresini (\u00f6rne\u011fin, 250 ms s\u00fcren bir g\u00f6revde 200 ms) toplar. Ayr\u0131ca, WordPress CMS alt yap\u0131s\u0131na sahip internet sitelerinde, Google taraf\u0131ndan geli\u015ftirilen Site Kit eklentisi, sayfalar\u0131n\u0131zda ya\u015fanan Total Blocking Time (TBT) s\u00fcreleri hakk\u0131nda bilgi sa\u011flar.<\/p>\n\n\n\n<p>Bu \u00f6l\u00e7\u00fcm sayesinde geli\u015ftiriciler, hangi kod par\u00e7alar\u0131n\u0131n veya kaynaklar\u0131n kullan\u0131c\u0131 etkile\u015fimlerini engelledi\u011fini tespit edip, gerekli optimizasyonlar\u0131 yapabilir.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Total Blocking Time (TBT), bir web sayfas\u0131 y\u00fcklenirken taray\u0131c\u0131n\u0131n ana i\u015f par\u00e7ac\u0131\u011f\u0131n\u0131n (main thread) uzun g\u00f6revler nedeniyle (50 ms\u2019den uzun s\u00fcren i\u015flemler) ne kadar s\u00fcreyle me\u015fgul oldu\u011funu \u00f6l\u00e7en bir performans metri\u011fidir. Total Blocking Time (TBT) Temel Unsurlar\u0131 Total Blocking Time (TBT) \u00f6l\u00e7\u00fcm\u00fc, kullan\u0131c\u0131n\u0131n sayfayla etkile\u015fime ge\u00e7meye \u00e7al\u0131\u015ft\u0131\u011f\u0131 ancak taray\u0131c\u0131n\u0131n bu istekleri yerine getiremedi\u011fi zamanlar\u0131 hesaplar. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[90],"tags":[],"class_list":["post-1081","post","type-post","status-publish","format-standard","hentry","category-seo"],"_links":{"self":[{"href":"https:\/\/mudosdigital.com\/tr\/wp-json\/wp\/v2\/posts\/1081","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mudosdigital.com\/tr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mudosdigital.com\/tr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mudosdigital.com\/tr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mudosdigital.com\/tr\/wp-json\/wp\/v2\/comments?post=1081"}],"version-history":[{"count":2,"href":"https:\/\/mudosdigital.com\/tr\/wp-json\/wp\/v2\/posts\/1081\/revisions"}],"predecessor-version":[{"id":1144,"href":"https:\/\/mudosdigital.com\/tr\/wp-json\/wp\/v2\/posts\/1081\/revisions\/1144"}],"wp:attachment":[{"href":"https:\/\/mudosdigital.com\/tr\/wp-json\/wp\/v2\/media?parent=1081"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mudosdigital.com\/tr\/wp-json\/wp\/v2\/categories?post=1081"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mudosdigital.com\/tr\/wp-json\/wp\/v2\/tags?post=1081"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}