{"id":5515,"date":"2022-06-06T22:50:45","date_gmt":"2022-06-06T19:50:45","guid":{"rendered":"https:\/\/www.hostixo.com\/blog\/?p=5515"},"modified":"2022-06-06T22:50:45","modified_gmt":"2022-06-06T19:50:45","slug":"tbt-total-blocking-time-nedir","status":"publish","type":"post","link":"https:\/\/www.hostixo.com\/blog\/tbt-total-blocking-time-nedir\/","title":{"rendered":"(TBT) Total Blocking Time Nedir Ve Nas\u0131l Optimize Edilir?"},"content":{"rendered":"

Total Blocking Time Nedir?<\/h1>\n

Bir web sayfas\u0131n\u0131n ana i\u015f par\u00e7ac\u0131\u011f\u0131n\u0131n uzun g\u00f6revler nedeniyle engellendi\u011fi ve y\u00fck\u00fc i\u015flerken kullan\u0131c\u0131 etkile\u015fimlerine yan\u0131t vermesini engelledi\u011fi toplam s\u00fcredir.<\/p>\n

Web sayfalar\u0131n\u0131n temel hayati de\u011ferlerinin yan\u0131 s\u0131ra, bir web sayfas\u0131n\u0131n tamamen kullan\u0131labilir hale gelmeden \u00f6nce yan\u0131t verebilirli\u011fini veya kullan\u0131labilirli\u011fini \u00f6l\u00e7en \u00e7ok \u00f6nemli bir \u00f6l\u00e7\u00fcm metri\u011fidir.<\/p>\n

TBT<\/strong>, First Contentful Paint (FCP)<\/strong>\u00a0ile\u00a0Etkile\u015fim S\u00fcresi (TTI)<\/strong> aras\u0131ndaki toplam s\u00fcredir. Taray\u0131c\u0131n\u0131n ana i\u015f par\u00e7ac\u0131\u011f\u0131 genellikle bir web sayfas\u0131n\u0131n y\u00fcklenmesi s\u0131ras\u0131nda birka\u00e7 g\u00f6revi y\u00fcr\u00fct\u00fcr ve\u00a0\u00f6zellikle bu s\u00fcre boyunca y\u00fcr\u00fct\u00fclen uzun g\u00f6revlerin say\u0131s\u0131na ba\u011fl\u0131d\u0131r.<\/p>\n

Taray\u0131c\u0131n\u0131n ana i\u015f par\u00e7ac\u0131\u011f\u0131, HTML ayr\u0131\u015ft\u0131rma, DOM olu\u015fturma, JavaScript ve CSS y\u00fcr\u00fctme, \u00e7\u00f6p toplama, olay i\u015fleme vb. gibi \u00f6nemli g\u00f6revler de dahil olmak \u00fczere web sayfas\u0131 olu\u015fturma s\u0131ras\u0131nda \u00e7e\u015fitli g\u00f6revleri ger\u00e7ekle\u015ftirir.<\/p>\n

Ana i\u015f par\u00e7ac\u0131\u011f\u0131n\u0131n 50 ms’den fazla \u00e7al\u0131\u015fmas\u0131 uzun s\u00fcren bir g\u00f6revdir. Taray\u0131c\u0131 devam eden bir g\u00f6revi yar\u0131dayken kesmedi\u011fi i\u00e7in, ana i\u015f par\u00e7ac\u0131\u011f\u0131 y\u00fcr\u00fctme s\u0131ras\u0131nda engellenir. Bu nedenle, ana i\u015f par\u00e7ac\u0131\u011f\u0131, bu engelleme s\u00fcresi boyunca herhangi bir kullan\u0131c\u0131 etkile\u015fimine yan\u0131t veremez.<\/p>\n

Total Blocking Time Kullan\u0131c\u0131 Deneyimini Nas\u0131l Etkiler?<\/h2>\n
\n

Kullan\u0131c\u0131lar, i\u00e7eri\u011finin yaln\u0131zca bir k\u0131sm\u0131n\u0131 y\u00fcklendi\u011finde yani tamamen kullan\u0131labilir hale gelmeden \u00f6nce bir web sayfas\u0131yla etkile\u015fime girebilir. \u00d6rne\u011fin, kullan\u0131c\u0131lar ilk sayfa y\u00fcklemesi s\u0131ras\u0131nda fare t\u0131klamalar\u0131, klavye basmalar\u0131, ekrana dokunmalar vb. kullanarak taray\u0131c\u0131yla etkile\u015fime girebilir.<\/p>\n

Uzun s\u00fcren g\u00f6revler, ana i\u015f par\u00e7ac\u0131\u011f\u0131n\u0131n bu t\u00fcr girdilere yan\u0131t vermesini engeller ve bu da kullan\u0131c\u0131lar\u0131 hayal k\u0131r\u0131kl\u0131\u011f\u0131na u\u011frat\u0131r.<\/p>\n

Ek olarak, b\u00fcy\u00fck bir TBT’ye<\/strong> sahip olmak, TTI’yi<\/strong> b\u00fcy\u00fct\u00fcr, bu da kullan\u0131c\u0131lar\u0131n sayfa tamamen kullan\u0131labilir hale gelene kadar uzun s\u00fcre beklemesi gerekti\u011fi anlam\u0131na gelir ve kullan\u0131c\u0131lar\u0131n site<\/a> hakk\u0131ndaki g\u00f6r\u00fc\u015flerini etkiler.<\/p>\n

Bu t\u00fcr senaryolar, web sitesinin genel kullan\u0131c\u0131 deneyimini etkileyerek, zay\u0131f kullan\u0131c\u0131 d\u00f6n\u00fc\u015f\u00fcm\u00fcne ve kullan\u0131c\u0131lar\u0131n web sayfas\u0131n\u0131 daha \u00e7abuk terk etme oran\u0131n\u0131 art\u0131r\u0131r.<\/p>\n

TBT SEO’yu Nas\u0131l Etkiler?<\/h3>\n
\n

Arama motoru algoritmalar\u0131, web sayfalar\u0131n\u0131 s\u0131ralarken kullan\u0131c\u0131 deneyimini dikkate al\u0131r.<\/p>\n

Bir web sayfas\u0131nda \u00e7ok say\u0131da engelleme g\u00f6revi varsa, bu, h\u0131zl\u0131 yan\u0131ta ihtiya\u00e7 duyan kullan\u0131c\u0131lar taraf\u0131ndan yap\u0131lan arama sorgular\u0131n\u0131 etkileyebilir, bu nedenle \u00e7ok say\u0131da engelleme g\u00f6revine sahip olmak bir sayfan\u0131n SEO s\u0131ralamas\u0131n\u0131 do\u011frudan etkileyebilir.<\/p>\n

TTI’dan Fark\u0131 Nedir?<\/h3>\n

TTI,<\/strong> bir web sayfas\u0131n\u0131n kullan\u0131c\u0131 etkile\u015fimlerine tamamen haz\u0131r hale gelmesi i\u00e7in ge\u00e7en s\u00fcredir.\u00a0Sayfa TTI’ye<\/strong> ula\u015ft\u0131\u011f\u0131nda, faydal\u0131 i\u00e7erik g\u00f6sterir veya FCP’ye<\/strong> ula\u015f\u0131r ve olay i\u015fleyicileri en g\u00f6r\u00fcn\u00fcr \u00f6\u011feler i\u00e7in kaydedilir.\u00a0Web sayfas\u0131, kullan\u0131c\u0131 etkile\u015fimlerine 50 ms i\u00e7inde yan\u0131t verir.<\/p>\n

Buna kar\u015f\u0131l\u0131k, TBT,<\/strong> bir web sayfas\u0131n\u0131n TTI’ya<\/strong> ula\u015fmadan \u00f6nce kullan\u0131c\u0131 olaylar\u0131na ne kadar s\u00fcreyle yan\u0131t vermedi\u011fini \u00f6l\u00e7er.\u00a0Bu nedenle, bir kullan\u0131c\u0131 FCP<\/strong> ve TTI<\/strong> aras\u0131ndaki bir web sayfas\u0131yla etkile\u015fime girerse, ana i\u015f par\u00e7ac\u0131\u011f\u0131 o s\u0131rada me\u015fgul oldu\u011fu i\u00e7in kullan\u0131c\u0131 yan\u0131tta bir gecikme ya\u015fayacakt\u0131r.<\/p>\n

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

Genel olarak puan\u0131n 300 ms’nin<\/strong> alt\u0131nda olmas\u0131 TBT<\/strong> i\u00e7in iyi bir puand\u0131r. A\u015fa\u011f\u0131daki tablo, Google Lighthouse’a<\/a> g\u00f6re bir web sayfas\u0131n\u0131n performans\u0131yla nas\u0131l e\u015fle\u015fti\u011fini g\u00f6sterir.<\/p>\n

\n
\n\n\n\n\n\n\n\n
TBT (milisaniye)<\/span><\/em><\/th>\nRenk Kodu ile Yorumlama<\/em><\/th>\n<\/tr>\n<\/thead>\n
0-200<\/span><\/em><\/strong><\/td>\nH\u0131zl\u0131 (Ye\u015fil)<\/span><\/em><\/strong><\/td>\n<\/tr>\n
200-600<\/span><\/em><\/strong><\/td>\nOrta (Turuncu)<\/span><\/em><\/strong><\/td>\n<\/tr>\n
600’\u00fcn \u00fczerinde<\/span><\/em><\/strong><\/td>\nYava\u015f (K\u0131rm\u0131z\u0131)<\/span><\/em><\/strong><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n

TBT \u00d6l\u00e7\u00fcm\u00fc<\/h3>\n

Verilen ba\u011flant\u0131daki ara\u00e7lar\u0131 kullanarak \u00f6l\u00e7\u00fcm yapabilirsiniz;<\/p>\n