{"id":5483,"date":"2022-06-03T15:08:43","date_gmt":"2022-06-03T12:08:43","guid":{"rendered":"https:\/\/www.hostixo.com\/blog\/?p=5483"},"modified":"2022-06-03T16:36:17","modified_gmt":"2022-06-03T13:36:17","slug":"time-to-interactive-etkilesim-suresi-nedir","status":"publish","type":"post","link":"https:\/\/www.hostixo.com\/blog\/time-to-interactive-etkilesim-suresi-nedir\/","title":{"rendered":"(TTI) Time To Interactive &#8221;Etkile\u015fim S\u00fcresi&#8221; Nedir, Nas\u0131l \u0130yile\u015ftirilir?"},"content":{"rendered":"<p><strong>Time To Interactive, <\/strong>Bir web <a href=\"https:\/\/www.hostixo.com\/hosting\/hazir-site\/\" data-internallinksmanager029f6b8e52c=\"11\" title=\"haz\u0131r site\">site<\/a>sinin y\u00fckleme h\u0131z\u0131n\u0131n alg\u0131lanmas\u0131, hi\u00e7bir metri\u011fin tam olarak kapsayamayaca\u011f\u0131 bir deneyimdir. Y\u00fckleme i\u015flemi s\u0131ras\u0131nda, birka\u00e7 a\u015fama bunun \u00fczerinde etkili olabilir.<\/p>\n<p>Sayfalar\u0131n\u0131z\u0131n y\u00fckleme h\u0131z\u0131n\u0131 de\u011ferlendirmek i\u00e7in, <strong>Start Render<\/strong> ve <strong>Speed Index<\/strong>\u00a0dahil olmak \u00fczere \u00e7e\u015fitli g\u00f6stergelere dikkat edilmelidir. Ancak bunlar, bir sayfan\u0131n g\u00f6r\u00fcnt\u00fclenme h\u0131z\u0131n\u0131 \u00f6l\u00e7mek i\u00e7in kullan\u0131labilse de, bir sayfan\u0131n etkile\u015fim d\u00fczeyini de\u011ferlendirmenize izin vermez.<\/p>\n<p>Bu, kullan\u0131c\u0131 deneyiminde \u00f6nemli bir \u00f6zelliktir. Bunu yapmak i\u00e7in <strong>Time To Interactive&#8217;i<\/strong> optimize etmeniz gerekir.<\/p>\n<p>Bu yaz\u0131m\u0131zda sizlere <strong>(TTI) Time To Interactive &#8221;Etkile\u015fim S\u00fcresi&#8221; Nedir, Nas\u0131l \u0130yile\u015ftirilir?\u00a0<\/strong>ba\u015fl\u0131\u011f\u0131 alt\u0131nda <strong>Time To Interactive Nedir?<\/strong> konusundan ve <strong>Nas\u0131l \u0130yile\u015ftirebilece\u011finizden<\/strong> bahsedece\u011fiz.<\/p>\n<h1>Time To Interactive Nedir?<\/h1>\n<p><strong>Time To Interactive<\/strong>, etkile\u015fimi de\u011ferlendirmenize olanak sa\u011flayan bir \u00f6l\u00e7\u00fcmd\u00fcr. Direkt olarak kullan\u0131c\u0131 deneyimiyle ba\u011flant\u0131l\u0131d\u0131r ve web performans\u0131n\u0131z\u0131 izlerken dikkate alman\u0131z gereken bir \u00f6l\u00e7\u00fcmd\u00fcr.<\/p>\n<p>Etkile\u015fim S\u00fcresinin standart bir g\u00f6sterge de\u011fildir. Bu nedenle geli\u015febilir.<\/p>\n<p>Ayr\u0131ca, Google&#8217;\u0131n bu metri\u011fi Lighthouse ve PageSpeed \u200b\u200bInsights puan\u0131n\u0131n hesaplanmas\u0131na dahil etmesine ra\u011fmen, puan\u0131n hesaplanmas\u0131nda yap\u0131lan son de\u011fi\u015fiklikler s\u0131ras\u0131nda a\u011f\u0131rl\u0131\u011f\u0131n\u0131n azald\u0131\u011f\u0131n\u0131 ve eninde sonunda kaybolmaya mahkum oldu\u011funa dikkat edin.<\/p>\n<p>TTI (Etkile\u015fim S\u00fcresi) metri\u011fi, bir sayfan\u0131n kullan\u0131c\u0131 i\u00e7in etkile\u015fimli hale gelmesinin, yani t\u0131klamaya tepki vermesinin ne kadar s\u00fcrd\u00fc\u011f\u00fcn\u00fcn \u00f6l\u00e7\u00fcm\u00fcn\u00fc verir.<\/p>\n<p>Ve a\u015fa\u011f\u0131daki maddelere ba\u011fl\u0131d\u0131r:<\/p>\n<ul>\n<li><strong>First Contentful Paint<\/strong> taraf\u0131ndan belirlenen sayfadaki faydal\u0131 i\u00e7erik g\u00f6r\u00fcnt\u00fcleri.<\/li>\n<li>Sayfadaki \u00f6nce g\u00f6r\u00fcnen \u00f6\u011feler de etkile\u015fimlidir (t\u0131klanabilir olduklar\u0131nda veya fareyle \u00fczerine gelindi\u011finde vb. yan\u0131t verdi\u011finde)<\/li>\n<li>Sayfa, kullan\u0131c\u0131 etkile\u015fimlerine maksimum 50 milisaniyelik bir s\u00fcre i\u00e7inde yan\u0131t vermesi gerekir.<\/li>\n<\/ul>\n<p>Etkile\u015fim S\u00fcresinin belirlenmesinde yer alan \u00fc\u00e7 a\u015fama vard\u0131r ve \u015funlard\u0131r:<\/p>\n<ul>\n<li><strong>First Contentful Paint<\/strong> veya <strong>DOMContentLoadedEnd<\/strong> gibi ilgili bir ba\u015flang\u0131\u00e7 \u200b\u200bnoktas\u0131 se\u00e7in;<\/li>\n<li>Bu noktadan sonra, a\u011f\u0131n 5 saniye boyunca kararl\u0131 oldu\u011fu (ve uzun g\u00f6revler i\u00e7ermeyen) bir pencere aray\u0131n;<\/li>\n<li>Bulduktan sonra, son uzun zaman s\u00fcren g\u00f6revin sonuna bak\u0131n ve o zaman\u0131 <strong>Etkile\u015fim Zaman\u0131<\/strong> olarak bildirin.<\/li>\n<\/ul>\n<p>Bunlar\u0131n analizi tamamlanmadan <strong>TTI&#8217;yi<\/strong> tahmin etmenin m\u00fcmk\u00fcn de\u011fildir.<\/p>\n<h2 id=\"etkilesim-suresi-nasil-olculur\">Time To Interactive Nas\u0131l \u00d6l\u00e7\u00fcl\u00fcr?<\/h2>\n<p>Baz\u0131 siteler, i\u00e7eri\u011fin g\u00f6r\u00fcnt\u00fclenme h\u0131z\u0131n\u0131 optimize eder ve etkile\u015fimi optimize etmeyi d\u00fc\u015f\u00fcnmez. Bu, sinir bozucu bir kullan\u0131c\u0131 deneyimi yaratabilir.<\/p>\n<p>Site y\u00fckleniyor gibi g\u00f6r\u00fcn\u00fcyor, ancak ziyaret\u00e7ileriniz etkile\u015fim kurmaya \u00e7al\u0131\u015ft\u0131\u011f\u0131nda hi\u00e7bir \u015fey yapam\u0131yor ise bu siteniz i\u00e7in \u00e7ok b\u00fcy\u00fck bir dezavantaj olabilir.<\/p>\n<p>Bu nedenle dikkatle yorumlanmas\u0131 gereken bir metrik olan, <strong>TTI&#8217;n\u0131z\u0131<\/strong> \u00f6l\u00e7meyi ve optimize etmeyi d\u00fc\u015f\u00fcnebilirsiniz.<\/p>\n<p><a href=\"https:\/\/chrome.google.com\/webstore\/detail\/lighthouse\/blipmdconlkpinefehnmjammfjpmpbjk?hl=fr\" target=\"_blank\" rel=\"noopener\">Lighthouse<\/a> uzant\u0131s\u0131yla (yaln\u0131zca Chrome&#8217;da bulunur), PageSpeed \u200b\u200bInsights veya WebPageTest arac\u0131l\u0131\u011f\u0131yla bu \u00f6l\u00e7\u00fcm\u00fc ger\u00e7ekle\u015ftirebilirsiniz.<\/p>\n<p id=\"etkilesim-suresi-nasil-olculur\"><strong>Time To Interactive<\/strong> puan\u0131n\u0131 yorumlarken a\u015fa\u011f\u0131daki veriler size yard\u0131mc\u0131 olacakt\u0131r.<\/p>\n<ul>\n<li class=\"wp-block-table is-style-stripes\">0 \u2013 3,8 saniye aral\u0131\u011f\u0131\u00a0<strong><span class=\"has-inline-color\">\u0130yi<\/span><\/strong>\u00a0(h\u0131zl\u0131)<\/li>\n<li class=\"wp-block-table is-style-stripes\">3,9 \u2013 7,3 saniye aral\u0131\u011f\u0131\u00a0<strong><span class=\"has-inline-color has-luminous-vivid-orange-color\">\u0130yile\u015ftirme Gerekiyor<\/span><\/strong>\u00a0(orta)<\/li>\n<li class=\"wp-block-table is-style-stripes\">7,3 saniyeden fazla ise <strong><span class=\"has-inline-color has-vivid-red-color\">Zay\u0131f<\/span><\/strong> (yava\u015f) demektir<img decoding=\"async\" class=\"aligncenter wp-image-5493 lazyload\" data-src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2022\/06\/Time-To-Interactive-1-1.png\" alt=\"Time To Interactive\" width=\"661\" height=\"314\" title=\"\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 661px; --smush-placeholder-aspect-ratio: 661\/314;\"><noscript><img decoding=\"async\" class=\"aligncenter wp-image-5493 \" src=\"https:\/\/www.hostixo.com\/blog\/wp-content\/uploads\/2022\/06\/Time-To-Interactive-1-1.png\" alt=\"Time To Interactive\" width=\"661\" height=\"314\" title=\"\"><\/noscript><\/li>\n<\/ul>\n<h2 id=\"etkilesim-suresi-nasil-olculur\">Time To Interactive Nas\u0131l \u0130yile\u015ftirilir?<\/h2>\n<p>Etkile\u015fim Zaman\u0131, sayfa olu\u015fturmay\u0131 engelleyebilen JavaScript komut dosyalar\u0131ndan do\u011frudan etkilenir.\u00a0Ne kadar \u00e7ok komut dosyas\u0131 varsa, <strong>TTI<\/strong> gecikmesi o kadar b\u00fcy\u00fck olur.<\/p>\n<p>Bu, komut dosyas\u0131 performans\u0131 bir cihazdan di\u011ferine \u00f6nemli \u00f6l\u00e7\u00fcde de\u011fi\u015fti\u011finden, etkisi a\u00e7\u0131s\u0131ndan cihazlar aras\u0131nda de\u011fi\u015fiklik g\u00f6sterebilir.\u00a0Bir i\u015flemci ne kadar yava\u015fsa, komut dosyalar\u0131n\u0131 analiz etmek ve derlemek i\u00e7in o kadar fazla zaman harcar.<\/p>\n<p>S\u0131k\u0131\u015ft\u0131rma teknikleri, kod dosyas\u0131lar\u0131n\u0131n boyutunu azaltmaya yarar. Sitenizin JavaScript&#8217;i ile bir sorun olmasa da kodu k\u00fc\u00e7\u00fclt\u00fcp s\u0131k\u0131\u015ft\u0131rmak \u00f6nemli \u00f6l\u00e7\u00fcde etkili olabilir.<\/p>\n<p>\u00d6rne\u011fin mobil cihazlarda CPU, masa\u00fcst\u00fcne g\u00f6re \u00e7ok daha s\u0131n\u0131rl\u0131d\u0131r ve sonu\u00e7 olarak bu JavaScript&#8217;in mobil cihazlarda y\u00fcklenen siteler \u00fczerinde \u00e7ok daha b\u00fcy\u00fck bir etkisi vard\u0131r ve Etkile\u015fim S\u00fcresi \u00f6nemli \u00f6l\u00e7\u00fcde daha fazla s\u00fcrer.<\/p>\n<p>Sonu\u00e7 olarak <em><strong>(TTI) Time To Interactive <\/strong><\/em>sahip oldu\u011funuz sitenin ziyaret\u00e7ilerinize ileri d\u00fczeyde bir deneyim sa\u011flamak i\u00e7in kullanman\u0131z gereken site performans\u0131n\u0131z\u0131 de\u011ferlendirebilece\u011finiz bir yeni nesil \u00f6l\u00e7\u00fcm metri\u011fidir.<\/p>\n<p>\u00c7\u00fcnk\u00fc site sahipleri i\u00f6erikleri m\u00fcnk\u00fcn olan en k\u0131sa s\u00fcrede kullan\u0131c\u0131ya g\u00f6stermeyi hedefler ve \u00e7o\u011fu kullan\u0131c\u0131ya g\u00f6re sitelerin performans\u0131 kullan\u0131c\u0131lara i\u00e7erikleri g\u00f6sterme zaman\u0131 ile e\u015f de\u011ferdir.<\/p>\n<p>(TTI) Time To Interactive bir sayfan\u0131n etkile\u015fim s\u00fcresini, kullan\u0131c\u0131n\u0131n deneyimine ne kadar s\u00fcrede yan\u0131t verdi\u011fi gibi \u015feyleri \u00f6l\u00e7er.<\/p>\n<p>Bu nedenle, <strong>TTI&#8217;nizi<\/strong> geli\u015ftirmenin en iyi yolu JavaScript&#8217;inizi kald\u0131rmak veya geciktirmektir.<\/p>\n<p><em>Bu yaz\u0131m\u0131z<strong> (TTI) Time To Interactive &#8221;Etkile\u015fim S\u00fcresi&#8221; Nedir, Nas\u0131l \u0130yile\u015ftirilir?<\/strong> konusunu sizler i\u00e7in ara\u015ft\u0131rd\u0131k ve derledik dilerseniz <a href=\"https:\/\/www.hostixo.com\/blog\/first-contentful-paint-fcp-nedir\/\">First Contentful Paint (FCP) Nedir Ve Nas\u0131l Optimize Edilir?<\/a> ba\u015fl\u0131kl\u0131 yaz\u0131m\u0131z\u0131 da inceleyebilirsiniz.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Time To Interactive, Bir web sitesinin y\u00fckleme h\u0131z\u0131n\u0131n alg\u0131lanmas\u0131, hi\u00e7bir metri\u011fin tam olarak kapsayamayaca\u011f\u0131 bir deneyimdir. Y\u00fckleme i\u015flemi s\u0131ras\u0131nda, birka\u00e7 a\u015fama bunun \u00fczerinde etkili olabilir. Sayfalar\u0131n\u0131z\u0131n y\u00fckleme h\u0131z\u0131n\u0131 de\u011ferlendirmek i\u00e7in, Start Render ve Speed Index\u00a0dahil olmak \u00fczere \u00e7e\u015fitli g\u00f6stergelere dikkat edilmelidir. Ancak bunlar, bir sayfan\u0131n g\u00f6r\u00fcnt\u00fclenme h\u0131z\u0131n\u0131 \u00f6l\u00e7mek i\u00e7in kullan\u0131labilse de, bir sayfan\u0131n etkile\u015fim d\u00fczeyini &hellip;<\/p>\n","protected":false},"author":1,"featured_media":5495,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_mbp_gutenberg_autopost":false,"footnotes":""},"categories":[1,166],"tags":[],"class_list":["post-5483","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-genel","category-sunucu"],"_links":{"self":[{"href":"https:\/\/www.hostixo.com\/blog\/wp-json\/wp\/v2\/posts\/5483","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostixo.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostixo.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostixo.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostixo.com\/blog\/wp-json\/wp\/v2\/comments?post=5483"}],"version-history":[{"count":0,"href":"https:\/\/www.hostixo.com\/blog\/wp-json\/wp\/v2\/posts\/5483\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostixo.com\/blog\/wp-json\/wp\/v2\/media\/5495"}],"wp:attachment":[{"href":"https:\/\/www.hostixo.com\/blog\/wp-json\/wp\/v2\/media?parent=5483"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostixo.com\/blog\/wp-json\/wp\/v2\/categories?post=5483"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostixo.com\/blog\/wp-json\/wp\/v2\/tags?post=5483"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}