TTI - Etkileşime Hazır Olma Süresi

Genel Bakış

Etkileşime Hazır Olma Süresi (TTI – Time To Interactive), bir sayfanın yük duyarlılığını ölçen ve bir sayfanın etkileşimli göründüğü ancak gerçekte olmadığı durumları belirlemeye yardımcı olan bir performans ölçüsüdür.

TTI, bir sayfanın tam olarak etkileşimli hale gelmesinin ne kadar sürdüğünü ölçer.

Yani, İlk Zengin İçerikli Boyama (FCP) ile ana iş parçacığındaki son uzun görev arasındaki süreyi ölçer ve tarayıcının kullanıcı girdisine güvenilir şekilde yanıt verebildiği noktayı temsil eder.

Basit bir ifadeyle, hızlı bir TTI, sayfanın kullanılabilir olmasını sağlamaya yardımcı olur.

Etkileşime Hazır Olma Süresi Neyi Ölçer?

Google’a göre,

“Bir sayfa, İlk Zengin İçerikli Boyama (FCP) tarafından ölçüldüğü üzere yararlı içerik görüntülediğinde tam etkileşimli olarak kabul edilir; olay işleyicileri, görünür sayfa öğelerinin çoğu için kaydedilir ve sayfa, kullanıcı etkileşimlerine 50 milisaniye içinde yanıt verir.”

TTI, önemli bir kullanıcı merkezli ölçümdür, çünkü ziyaretçilerin sayfanızla tam olarak ne kadar hızlı etkileşime girebileceğini ölçer.

Ziyaretçiler için yavaş bir TTI, web sitenizin yanıt vermediğini, bozuk olduğunu veya çalışmadığını hissettirebilir.

Örneğin, hepimiz bir web sitesinin öğelerinin hızla görünür hale geldiği durumlar yaşadık; ancak üzerlerine tıklamaya/dokunmaya çalıştığımızda hiçbir şey olmadığını gördük.

Bu senaryolar çoğunlukla ana iş parçacığını bloke ederek TTI’nizi artıran üçüncü taraf komut dosyalarından kaynaklanır.

Sonuç olarak, ziyaretçileriniz sinirlenebilir ve web sayfanızdan ayrılmaya karar verebilir.

TTI’yi azaltmak, özellikle bu etkinin daha belirgin olduğu mobil cihazlarda web performansınız için çok önemlidir.

Etkileşime Hazır Olma Süresinin Performans Puanınızda Etkisi

Etkileşime Hazır Olma Süresinin Performans Puanınızda Etkisi

TTI ölçüsü, toplam Performans Puanının %15’ini oluşturarak, nispeten yüksek önemini ifade eder.

Bu metriği optimize etmek, ziyaretçilerinizin sayfanızla tam olarak ne kadar hızlı etkileşime girip kullanabilecekleri konusunda gözle görülür bir gelişme algılamasına yardımcı olabilir.

TTI’nin Toplam Engelleme Süresine (TBT – Total Blocking Time) eşlik eden bir metrik olduğunu ve birlikte sayfanızın kullanıcı girdisine yanıt verme hızına ilişkin daha derin bilgiler sağladığını unutmayın.

Etkileşime Hazır Olma Süresi Eşikleri

TTI metriği, sayfanızın tamamen etkileşimli hale gelmesinin ne kadar sürdüğünü ölçen ve sonucu saniyeler içinde görüntüleyen sentetik bir zamanlamadır.

TTI eşikleri aşağıdaki gibidir:

  • İyi, burada yapılacak hiçbir şey = 2468 milisaniye veya daha az
  • Tamam, ancak iyileştirmeyi düşünün (2468 ile 3280 milisaniye arasında)
  • Önerilenden daha uzun (3280 ile 4500 milisaniye arasında)
  • Önerilenden çok daha uzun (4500 milisaniyeden yüksek)

Google’a göre, TTI puanınızı nasıl yorumlayacağınız aşağıdadır:

  • 0–3,8 saniye arasında hızlı (yeşil)
  • 9–7,3 saniye arasında orta (turuncu)
  • 7,3 saniye üzerinde yavaş (kırmızı)
ilk etkileşime geçen süre örneği

TTI metriğiyle ilgili Google’ın bakış açısı özetle şudur:

İyi bir kullanıcı deneyimi sağlamak için, siteler ortalama bir mobil donanım üzerinde test edildiğinde 5 saniyeden daha kısa bir Etkileşim Hazır Olma Süresine sahip olmaya çalışmalıdır.

Etkileşime Hazır Olma Süresi Nasıl İyileştirilir

Etkileşime Hazır Olma Süresi Nasıl İyileştirilir?

Aşağıda belirtilen belirli denetimlerin muhtemelen TTI’nize en çok katkıda bulunduğunu unutmayın.

Ancak sayfanızın TTI’sı burada bahsedilmeyen diğer optimizasyonlardan da etkilenebilir.

Aşağıdakiler gibi iyi web geliştirme uygulamalarını dahil ederek TTI metriğinizi iyileştirin:

JavaScript yürütmesini optimize etme

Ana iş parçacığı engelleme süresini azaltmak için JavaScript yürütmenizi optimize edin ve sayfanızın kullanıcı girdilerine hızlı yanıt vermesini sağlayın.

Yapabileceğiniz şeylerden bazıları şunlardır:

  • JavaScript yürütme süresini azaltma
  • Ana iş parçacığı çalışmasını en aza indirme
  • Kullanılmayan JavaScript’in azaltılması
  • Üçüncü taraf kodunun etkisini azaltmak
  • Büyük JavaScript kitaplıklarını daha küçük alternatiflerle değiştirme

Asgari isteklere hizmet etmek

Amaçlanan uygulama için istek sayısını mümkün olduğunca düşük tuttuğunuzdan emin olun. Benzer şekilde, önemli kaynakların yüklenmesini hızlandırmak için kritik istekleri zincirlemekten kaçının.

Erken bağlantılar kurmak için kaynak ipuçlarını kullanma

Üçüncü taraf sunuculara erken bağlantılar kurmak ve kaynakları daha erken getirmek için ön bağlantı ve dns-önceden getirme kaynak ipuçlarını kullanın.

Benzer şekilde, ziyaretçilerinizin sayfanızı sayfa yükleme zaman çizelgesinde daha erken kullanabilmelerini sağlamak için önemli istekleri önceden yükleyin.

Not: Yapısal denetimlerinden bazıları birbiriyle ilgilidir; birini iyileştirmek diğerlerini de geliştirebilir.

TurboPak - Web Sitenizi Hızlandırın