Bir sayfa gözünüze açılmış gibi görünse de, butonlara bastığınızda tepki vermiyorsa henüz "hazır" değildir. İşte sayfanın gerçekten kullanılabilir hale geldiği anı ölçen metrik TTI'dir. Bu yazıda Time to Interactive'in ne olduğunu ve nasıl iyileştirileceğini anlatıyoruz.

TTI (Time to Interactive) Nedir?

TTI (Etkileşime Hazır Olma Süresi), bir sayfanın yalnızca görsel olarak yüklenmesini değil, kullanıcının etkileşimlerine (tıklama, kaydırma, form doldurma) güvenilir biçimde yanıt verebilir hale gelmesini ölçen metriktir. Bir sayfa erken görünebilir ama arka planda ağır JavaScript çalışıyorsa, kullanıcı tıkladığında tepki gecikir; TTI bu "yanıltıcı hazır" durumunu ölçer.

Neden Önemli?

Görsel olarak yüklenmiş ama tepki vermeyen bir sayfa, kullanıcı için en sinir bozucu deneyimlerden biridir; insanlar bozuk sandıkları siteyi terk eder. TTI'nin uzun olması genellikle ağır JavaScript yükünün işaretidir. Google'ın deneyim metrikleri de etkileşime yanıt verebilmeyi önemser (güncel olarak INP metriği bu alanı temsil eder).

TTI Nasıl İyileştirilir?

  • JavaScript yükünü azaltmak: Gereksiz/ağır script'leri kaldırmak veya ertelemek.
  • Kod bölme (code splitting): Sadece gereken kodu yüklemek.
  • Üçüncü taraf script'leri sınırlamak: Reklam, izleme kodlarını optimize etmek.
  • Hızlı sunucu ve önbellekleme: Genel yüklemeyi hızlandırmak.

TTI, sayfa deneyiminin bir parçasıdır; site hızının bütününü web sitesi hızlandırma, ilk içerik süresini FCP nedir ve hızın SEO etkisini site hızı ve SEO yazımızda bulabilirsiniz.

Sık Sorulan Sorular

TTI ile FCP farkı nedir?

FCP içeriğin görünme süresini ölçer; TTI ise sayfanın etkileşimlere yanıt verebilir hale gelmesini. Bir sayfa görünebilir ama henüz etkileşime hazır olmayabilir.

TTI'yi en çok ne kötüleştirir?

Ağır ve uzun süren JavaScript. Ana iş parçacığı meşgulse, sayfa görünse bile tıklamalara geç yanıt verir.

TTI hâlâ kullanılıyor mu?

Bir lab metriği olarak kullanılır; Google saha deneyiminde etkileşim için artık INP metriğini öne çıkarır. Yine de TTI etkileşim hazırlığını anlamak için değerlidir.

JavaScript'i nasıl azaltırım?

Kullanılmayan kodu kaldırarak, kod bölme uygulayarak, kritik olmayan script'leri erteleyerek (defer/async) ve üçüncü taraf kodlarını sınırlayarak.

Sunucu TTI'yi etkiler mi?

Dolaylı olarak evet; hızlı sunucu kaynakların erken yüklenmesini sağlar, ama TTI'nin asıl belirleyicisi istemci tarafındaki JavaScript yüküdür.

Sonuç

TTI, bir sayfanın gerçekten kullanılabilir hale geldiği anı ölçer; uzun TTI genellikle ağır JavaScript demektir. Hızlı bir altyapı bu sürecin temelidir; Vulut hosting çözümleriyle sağlam bir başlangıç yapabilirsiniz.