{"id":5422,"date":"2026-07-28T19:21:28","date_gmt":"2026-07-28T16:21:28","guid":{"rendered":"https:\/\/hostingdunyam.com.tr\/blog\/?p=5422"},"modified":"2026-07-28T19:21:28","modified_gmt":"2026-07-28T16:21:28","slug":"toplam-engelleme-suresi-tbt-nedir","status":"publish","type":"post","link":"https:\/\/hostingdunyam.com.tr\/blog\/toplam-engelleme-suresi-tbt-nedir","title":{"rendered":"Toplam Engelleme S\u00fcresi (TBT) Nedir?"},"content":{"rendered":"

TBT (Total Blocking Time), bir web sayfas\u0131n\u0131n ilk i\u00e7erik boyas\u0131 (FCP) ile etkile\u015fime haz\u0131r hale gelmesi (TTI) aras\u0131nda ge\u00e7en s\u00fcre i\u00e7inde ana i\u015f par\u00e7ac\u0131\u011f\u0131n\u0131 (main thread) 50 milisaniyeden uzun s\u00fcre me\u015fgul eden g\u00f6revlerin toplam engelleme s\u00fcresini \u00f6l\u00e7en bir performans metri\u011fidir. Kullan\u0131c\u0131n\u0131n sayfayla etkile\u015fime ge\u00e7meye \u00e7al\u0131\u015ft\u0131\u011f\u0131 ancak taray\u0131c\u0131n\u0131n yan\u0131t veremedi\u011fi s\u00fcreyi say\u0131sal olarak ifade eder ve Lighthouse performans skorunun %30’unu olu\u015fturur.<\/span><\/p>\n

TBT E\u015fik De\u011ferleri<\/span><\/h2>\n

Lighthouse, TBT i\u00e7in \u00fc\u00e7 performans aral\u0131\u011f\u0131 tan\u0131mlar.<\/span><\/p>\n\n\n\n\n\n\n
Performans<\/b><\/td>\nTBT De\u011feri<\/b><\/td>\n<\/tr>\n
\u0130yi<\/span><\/td>\n200 milisaniye veya alt\u0131<\/span><\/td>\n<\/tr>\n
\u0130yile\u015ftirme gerekli<\/span><\/td>\n200 \u2014 600 milisaniye aras\u0131<\/span><\/td>\n<\/tr>\n
Zay\u0131f<\/span><\/td>\n600 milisaniyenin \u00fczeri<\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

TBT Nas\u0131l Hesaplan\u0131r?<\/span><\/h2>\n

TBT hesaplamas\u0131 uzun g\u00f6rev ve engelleme s\u00fcresine g\u00f6re hesaplan\u0131r.<\/span><\/p>\n

Uzun g\u00f6rev:<\/b> Ana i\u015f par\u00e7ac\u0131\u011f\u0131nda 50 milisaniyeden uzun s\u00fcren herhangi bir g\u00f6revdir. 50 ms, taray\u0131c\u0131n\u0131n kullan\u0131c\u0131 girdisine 100 ms i\u00e7inde yan\u0131t verebilmesi i\u00e7in belirlenen kritik e\u015fiktir.<\/span><\/p>\n

Engelleme s\u00fcresi:<\/b> Bir g\u00f6revin 50 ms’yi a\u015fan k\u0131sm\u0131d\u0131r. \u00d6rne\u011fin 120 ms s\u00fcren bir g\u00f6revin engelleme s\u00fcresi 70 ms’dir (120 – 50 = 70).<\/span><\/p>\n

TBT Neden \u00d6nemlidir?<\/span><\/h2>\n
    \n
  1. TBT, Lighthouse performans puan\u0131n\u0131n %30’unu olu\u015fturur. Bu oran, Core Web Vitals’tan LCP’nin a\u011f\u0131rl\u0131\u011f\u0131ndan (%25) bile y\u00fcksektir. Dolay\u0131s\u0131yla Lighthouse skorunu iyile\u015ftirmenin en etkili yollar\u0131ndan biri TBT’yi d\u00fc\u015f\u00fcrmektir.<\/span><\/li>\n
  2. Google’\u0131n 2024’te CLS’nin yerini alan Core Web Vitals metri\u011fi INP (Interaction to Next Paint), kullan\u0131c\u0131 etkile\u015fimlerine sayfan\u0131n ne kadar h\u0131zl\u0131 g\u00f6rsel yan\u0131t verdi\u011fini \u00f6l\u00e7er. Y\u00fcksek TBT de\u011feri \u00e7o\u011funlukla y\u00fcksek INP de\u011feriyle birlikte g\u00f6r\u00fcl\u00fcr; \u00e7\u00fcnk\u00fc ikisi de ana i\u015f par\u00e7ac\u0131\u011f\u0131 t\u0131kan\u0131kl\u0131\u011f\u0131ndan kaynaklan\u0131r. TBT laboratuvar ortam\u0131nda \u00f6l\u00e7\u00fclebilen bir metrik oldu\u011fundan INP sorunlar\u0131n\u0131 erken tespit etmede pratik bir g\u00f6sterge i\u015flevi g\u00f6r\u00fcr.<\/span><\/li>\n
  3. Ara\u015ft\u0131rmalar, bir sayfan\u0131n 100 ms’den uzun s\u00fcre yan\u0131t vermemesinin kullan\u0131c\u0131lar\u0131n etkile\u015fim ba\u015flatma olas\u0131l\u0131\u011f\u0131n\u0131 d\u00fc\u015f\u00fcrd\u00fc\u011f\u00fcn\u00fc ortaya koymaktad\u0131r. TBT bu yan\u0131ts\u0131z s\u00fcrenin k\u00fcm\u00fclatif \u00f6l\u00e7\u00fcm\u00fcd\u00fcr.<\/span><\/li>\n<\/ol>\n

    TBT Nas\u0131l \u00d6l\u00e7\u00fcl\u00fcr?<\/span><\/h2>\n

    TBT yaln\u0131zca laboratuvar ortam\u0131nda \u00f6l\u00e7\u00fclebilen bir metriktir; ger\u00e7ek kullan\u0131c\u0131 verisiyle (field data) do\u011frudan \u00f6l\u00e7\u00fclemez. Bunun temel nedeni, uzun g\u00f6rev tespitinin sayfan\u0131n kontroll\u00fc ko\u015fullarda y\u00fcklenmesini gerektirmesidir.<\/span><\/p>\n

    Lighthouse (Chrome DevTools)<\/span><\/h3>\n
      \n
    1. Chrome DevTools’u a\u00e7\u0131n.<\/span><\/li>\n
    2. Lighthouse sekmesine ge\u00e7in.<\/span><\/li>\n
    3. Mobile modunu se\u00e7in.<\/span><\/li>\n
    4. Analyze page load butonuna t\u0131klay\u0131n.<\/span><\/li>\n
    5. Raporda Total Blocking Time de\u011ferini inceleyin.<\/span><\/li>\n<\/ol>\n

      Chrome DevTools Performance Sekmesi<\/span><\/h3>\n
        \n
      1. Performance sekmesini a\u00e7\u0131n.<\/span><\/li>\n
      2. Sayfay\u0131 yeniden y\u00fckleyerek kayd\u0131 ba\u015flat\u0131n.<\/span><\/li>\n
      3. Kay\u0131t tamamland\u0131\u011f\u0131nda Main thread b\u00f6l\u00fcm\u00fcn\u00fc inceleyin.<\/span><\/li>\n
      4. K\u0131rm\u0131z\u0131 \u00fc\u00e7genle i\u015faretlenmi\u015f uzun g\u00f6revleri tespit edin.<\/span><\/li>\n
      5. Bottom-Up veya Call Tree g\u00f6r\u00fcn\u00fcm\u00fcyle hangi fonksiyonlar\u0131n bu s\u00fcreyi olu\u015fturdu\u011funu \u00f6\u011frenin.<\/span><\/li>\n<\/ol>\n

        PageSpeed Insights<\/span><\/h3>\n

        PageSpeed Insights, Lighthouse motorunu kullanarak TBT de\u011ferini raporlar. Ancak bu ara\u00e7 ger\u00e7ek kullan\u0131c\u0131 verisi olarak TBT sunmaz; bunun yerine INP de\u011ferini ger\u00e7ek kullan\u0131c\u0131 metri\u011fi olarak g\u00f6sterir.<\/span><\/p>\n

        TBT De\u011feri 0 Olabilir mi?<\/span><\/h3>\n

        Evet. FCP ile TTI aras\u0131nda 50 ms’yi a\u015fan hi\u00e7bir g\u00f6rev bulunmuyorsa TBT s\u0131f\u0131r olur. Statik HTML sayfalar\u0131 veya \u00e7ok az JavaScript i\u00e7eren sayfalar bu duruma ula\u015fabilir. Ancak modern web uygulamalar\u0131nda TBT’yi s\u0131f\u0131ra yakla\u015ft\u0131rmak ger\u00e7ek\u00e7i bir hedef olarak kabul edilir; tam s\u0131f\u0131r pratikte nadirdir.<\/span><\/p>\n

        \u00dc\u00e7\u00fcnc\u00fc Taraf Scriptler TBT’yi Ne Kadar Etkiler?<\/span><\/h3>\n

        \u00d6nemli \u00f6l\u00e7\u00fcde etkiler. Analitik ara\u00e7lar, A\/B test scriptleri ve reklam a\u011flar\u0131 toplam TBT de\u011ferinin b\u00fcy\u00fck b\u00f6l\u00fcm\u00fcn\u00fc olu\u015fturabilir. Chrome DevTools’un Performance sekmesinde Third-party summary g\u00f6r\u00fcn\u00fcm\u00fc bu katk\u0131y\u0131 kayna\u011f\u0131na g\u00f6re ayr\u0131\u015ft\u0131rarak g\u00f6sterir.<\/span><\/p>\n

        Sunucu Taraf\u0131ndaki Optimizasyonlar TBT’yi Etkiler mi?<\/span><\/h3>\n

        Do\u011frudan etkilemez. TBT tamamen istemci taraf\u0131nda, taray\u0131c\u0131n\u0131n ana i\u015f par\u00e7ac\u0131\u011f\u0131nda ger\u00e7ekle\u015fen bir \u00f6l\u00e7\u00fcmd\u00fcr. Ancak dolayl\u0131 bir ili\u015fki mevcuttur.Ddaha h\u0131zl\u0131 sunucu yan\u0131t\u0131 (d\u00fc\u015f\u00fck TTFB) JavaScript dosyalar\u0131n\u0131n daha erken indirilmesini sa\u011flar. Bu durum t\u00fcm y\u00fckleme s\u00fcrecini \u00f6ne \u00e7ekerek FCP ve TTI de\u011ferlerini iyile\u015ftirebilir ancak TBT’nin kendisini de\u011fi\u015ftirmez.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"

        TBT (Total Blocking Time), bir web sayfas\u0131n\u0131n ilk i\u00e7erik boyas\u0131 (FCP) ile etkile\u015fime haz\u0131r hale gelmesi (TTI) aras\u0131nda ge\u00e7en s\u00fcre i\u00e7inde ana i\u015f par\u00e7ac\u0131\u011f\u0131n\u0131 (main thread) 50 milisaniyeden uzun s\u00fcre me\u015fgul eden g\u00f6revlerin toplam engelleme s\u00fcresini \u00f6l\u00e7en bir performans metri\u011fidir. Kullan\u0131c\u0131n\u0131n sayfayla etkile\u015fime ge\u00e7meye \u00e7al\u0131\u015ft\u0131\u011f\u0131 ancak taray\u0131c\u0131n\u0131n yan\u0131t veremedi\u011fi s\u00fcreyi say\u0131sal olarak ifade eder ve […]<\/p>\n","protected":false},"author":1,"featured_media":5423,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-5422","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-genel"],"_links":{"self":[{"href":"https:\/\/hostingdunyam.com.tr\/blog\/wp-json\/wp\/v2\/posts\/5422","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hostingdunyam.com.tr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hostingdunyam.com.tr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hostingdunyam.com.tr\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hostingdunyam.com.tr\/blog\/wp-json\/wp\/v2\/comments?post=5422"}],"version-history":[{"count":1,"href":"https:\/\/hostingdunyam.com.tr\/blog\/wp-json\/wp\/v2\/posts\/5422\/revisions"}],"predecessor-version":[{"id":5424,"href":"https:\/\/hostingdunyam.com.tr\/blog\/wp-json\/wp\/v2\/posts\/5422\/revisions\/5424"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hostingdunyam.com.tr\/blog\/wp-json\/wp\/v2\/media\/5423"}],"wp:attachment":[{"href":"https:\/\/hostingdunyam.com.tr\/blog\/wp-json\/wp\/v2\/media?parent=5422"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hostingdunyam.com.tr\/blog\/wp-json\/wp\/v2\/categories?post=5422"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hostingdunyam.com.tr\/blog\/wp-json\/wp\/v2\/tags?post=5422"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}