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

Philip Walton

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

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 ve kullanıcı girişine hızlı ve güvenilir bir şekilde yanıt verebilir.

Bir web sayfasının performans izine göre TTI'yı hesaplamak için şu adımları uygulayın:

  1. İlk Zengin İçerikli Boyama (FCP) bölümünden başlayın.
  2. En az beş saniyelik sessiz bir zaman aralığı için zamanında arama yapın. Burada sessiz aralık, uzun görev olmaması ve ikiden fazla yayın içi ağ GET isteği olmaması şeklinde tanımlanır.
  3. Sessiz aralıktan önceki son uzun görevi geriye doğru arar ve uzun görev bulunmazsa FCP'de durur.
  4. TTI, sessiz aralıktan önceki son uzun görevin bitiş zamanıdır (veya uzun görev bulunmazsa FCP ile aynı değerdir).

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

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

Geçmişte, geliştiriciler sayfaları hızlı oluşturma süreleri için optimize ediyordu. Bu durum bazen TTI'dan kaynaklanmaktadır.

Sunucu tarafı oluşturma (SSR) gibi teknikler, bir sayfanın etkileşimli göründüğü (yani, bağlantılar ve düğmelerin ekranda göründüğü) senaryolara yol açabilir. Ancak ana iş parçacığı engellendiği veya bu öğeleri kontrol eden JavaScript kodu yüklenmediği için sayfanın gerçekten etkileşimli olmamasına yol açar.

Kullanıcılar etkileşimli görünen ancak aslında olmayan bir sayfayla etkileşimde bulunmaya çalıştıklarında, büyük olasılıkla aşağıdaki iki yöntemden birini kullanarak yanıt verirler:

  • En iyi durum senaryosunda, sayfanın yavaş yanıt vermesi can sıkıcı olur.
  • En kötü senaryoda, sayfanın bozulduğunu varsayar ve muhtemelen sayfadan ayrılır. Hatta markanıza duydukları güveni kaybedebilirler.

Bu sorunun önüne geçmek amacıyla FCP ve TTI arasındaki farkı en aza indirmek için elinizden geleni yapın. Kayda değer bir fark olduğunda, görsel göstergelerle sayfanızdaki bileşenlerin henüz etkileşimli olmadığını açıkça belirtin.

TTI'yı ölçme

TTI, en iyi laboratuvarda ölçülen bir metriktir. TTI'yı ölçmenin en iyi yolu, sitenizde bir Lighthouse performans denetimi yapmaktır. Kullanım ayrıntıları için TTI hakkındaki Lighthouse belgelerini inceleyin.

Laboratuvar araçları

İyi bir TTI puanı nedir?

İyi bir kullanıcı deneyimi sağlamak için, siteler ortalama mobil donanımda test edildiğinde 5 saniyeden kısa bir Etkileşim Süresi'ne sahip olmaya çalışmalıdır.

Sayfanızın TTI'sının Lighthouse performans puanınızı nasıl etkilediğiyle ilgili ayrıntılar için Lighthouse TTI puanınızı nasıl belirler? bölümüne bakın.

TTI nasıl iyileştirilir?

Belirli bir site için TTI'yı nasıl iyileştireceğinizi öğrenmek üzere bir Lighthouse performans denetimi çalıştırabilir ve denetimin önerdiği belirli fırsatlara dikkat edebilirsiniz.

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