Etkileşime Hazır Olma Süresi (TTI)

Philip Walton

Etkileşime Hazır Olma Süresi (TTI), yükleme duyarlılığını ölçmek için kullanılan bir laboratuvar metriğidir. Bir sayfanın etkileşimli göründüğü ancak aslında etkileşimli olmadığı durumları belirlemenize yardımcı olur. Hızlı bir TTI, sayfanın kullanılabilir olmasını sağlar.

TTI nedir?

TTI metriği, sayfanın yüklenmeye başlamasından ana alt kaynaklarının yüklenmesine kadar geçen süreyi ölçer. Kullanıcı girişlerine hızlı ve güvenli bir şekilde yanıt verebilir.

Bir web sayfasının performans izlerine göre TTI'yi hesaplamak için aşağıdaki adımları uygulayın:

  1. İlk Zengin İçerikli Boyama (FCP) ile başlayın.
  2. En az beş saniyelik bir sessiz pencere için ileriye doğru arama yapın. Sessiz pencere, uzun görev olmaması ve en fazla iki ağ GET isteği gönderilmesi olarak tanımlanır.
  3. Sessiz pencereden önceki son uzun görevi geriye doğru arayın. Uzun görev bulunamazsa FCP'de durun.
  4. TTI, sessiz pencereden önceki son uzun görevin bitiş zamanıdır (veya uzun görev bulunamazsa FCP ile aynı değerdir).

Aşağıdaki diyagram, yukarıdaki adımları görselleştirmenize yardımcı olacaktır:

TTI'nin nasıl hesaplanacağını gösteren bir sayfa yükleme zaman çizelgesi

Geliştiriciler, geçmişte sayfaları hızlı oluşturma süreleri için optimize ettiler. Bu optimizasyon bazen TTI'nin pahasına oldu.

Sunucu tarafı oluşturma (SSR) gibi teknikler, bir sayfanın etkileşimli göründüğü (yani ekranda bağlantılar ve düğmeler görünür) ancak ana iş akışı engellendiği veya bu öğeleri kontrol eden JavaScript kodu yüklenmediği için aslında etkileşimli olmadığı senaryolara yol açabilir.

Kullanıcılar, etkileşimli görünen ancak aslında etkileşimli olmayan bir sayfayla etkileşim kurmaya çalıştıklarında muhtemelen iki şekilde yanıt verirler:

  • En iyi durumda, sayfanın yavaş yanıt vermesinden rahatsız olurlar.
  • En kötü durumda, sayfanın bozuk olduğunu varsayarak siteyi terk edebilirler. Hatta markanızın değerine olan güvenlerini de kaybedebilirler.

Bu sorunu önlemek için FCP ile TTI arasındaki farkı en aza indirmek için elinizden geleni yapın. Belirgin bir fark olduğunda, sayfanızdaki bileşenlerin henüz etkileşimli olmadığını görsel göstergelerle açıkça belirtin.

TTI nasıl ölçülür?

TTI, en iyi şekilde laboratuvarda ölçülen bir metriktir. TTI'yi ölçmenin en iyi yolu, sitenizde Lighthouse performans denetimi çalıştırmaktır. Kullanımla ilgili ayrıntılar için TTI ile ilgili Lighthouse dokümanlarını inceleyin.

Laboratuvar araçları

İyi bir TTI puanı nedir?

İyi bir kullanıcı deneyimi sağlamak için sitelerde ortalama mobil donanımda test edildiğinde etkileşime geçme süresi 5 saniyeden kısa olmalıdır.

Sayfanızın TTI'sinin Lighthouse performans puanınızı nasıl etkilediği hakkında ayrıntılı bilgi için Lighthouse'un TTI puanınızı nasıl belirlediği başlıklı makaleyi inceleyin.

TTI'yi iyileştirme

Belirli bir site için TTI'yi nasıl artıracağınızı öğrenmek üzere Lighthouse performans denetimi çalıştırabilir ve denetimin önerdiği belirli fırsatlara dikkat edebilirsiniz.

Genel olarak TTI'yi (herhangi bir site için) nasıl iyileştireceğinizi öğrenmek üzere aşağıdaki performans kılavuzlarına bakın: