Etkileşime Hazır Olma Süresi (TTI), yükleme duyarlılığını ölçmek için kullanılan bir lab metriğidir. Bir sayfanın etkileşimli göründüğü ancak gerçekte etkileşimli olmadığı durumları belirlemeye yardımcı olur. Hızlı bir TTI, sayfanın kullanılabilir olduğundan emin olmaya yardımcı olur.
TTI nedir?
TTI metriği, sayfanın başlangıcından itibaren geçen süreyi ölçer ana alt kaynakları yüklendiğinde ve güvenilir bir şekilde hızlı bir şekilde yanıt veriyor.
TTI'yı bir performansa dayalı olarak hesaplamak için iz şu adımları uygulayın:
- First Contentful Paint (FCP) ile başlayın.
- Zamanda ileri doğru arama yaparak en az beş saniyelik sessiz bir pencerede arama yapın. quiet window şu şekilde tanımlanır: uzun süre az sayıda görev varsa ve ikiden fazla ağ GET istekleri.
- Sessiz pencereden önceki son uzun görev için geriye doğru arama yapın ve uzun görev bulunmazsa FCP olur.
- TTI, sessiz pencereden önceki son uzun görevin (veya uzun görev bulunmazsa FCP ile aynı değere sahip olur).
Aşağıdaki diyagram, yukarıdaki adımların görselleştirilmesine yardımcı olur:
Geçmişte, geliştiriciler sayfaları hızlı oluşturma süreleri, zaman zaman TTI pahasına.
Sunucu tarafı oluşturma (SSR) gibi teknikler, bir sayfanın belirli bir görünür etkileşimli (yani bağlantılar ve düğmeler ekranda görünür), ancak ana ileti dizisi engellendiği için gerçekten etkileşimlidir çünkü bu öğeleri kontrol eden JavaScript kodu yüklenmedi.
Kullanıcılar etkileşimli görünen bir sayfayla etkileşimde bulunmaya çalıştıklarında değil, büyük olasılıkla şu iki yöntemden biriyle yanıt verirler:
- En iyi senaryoda, kullanıcılar sayfanın yavaş yanıt vermesinden rahatsız olacaktır.
- En kötü senaryoda sayfanın bozuk olduğunu ve muhtemelen git. Hatta markanızın değerine duydukları güveni bile kaybedebilirler.
Bu sorundan kaçınmak için aradaki farkı en aza indirmeye çalışın. FCP ve TTI arasında bire-bir ilişki. Belirgin bir farkın mevcut olduğu durumlarda ise görsel göstergelerle, sayfanızdaki bileşenlerin henüz satın alınmadığını olmasını sağlar.
TTI nasıl ölçülür?
TTI, Google Ads'de ölçüm için en iyi laboratuvar laboratuvarını inceleyin. TTI'yi ölçmenin en iyi yolu, Sitenizdeki Lighthouse performans denetimi. TTI'ya gidin.
Laboratuvar araçları
İyi bir TTI puanı nedir?
İyi bir kullanıcı deneyimi sağlamak üzere sitelerde, Ortalama mobil cihazlarda test edildiğinde 5 saniyeden kısa süren etkileşim donanım.
Sayfanızın TTI'sinin Lighthouse performans puanınızı nasıl etkilediğiyle ilgili ayrıntılar için Lighthouse, TTI'nizi nasıl belirler? puanı ekleyin.
TTI nasıl iyileştirilir?
Belirli bir site için TTI'yı nasıl iyileştireceğinizi öğrenmek üzere olduğunu unutmayın ve özellikle belirli veya nitelikli fırsatları kontrol edin.
Genel olarak (herhangi bir site için) TTI'nın nasıl iyileştirileceğini öğrenmek için aşağıdaki performans rehberleri:
- JavaScript'i küçültme
- Gerekli kaynaklara önceden bağlanma
- Önemli istekleri önceden yükleme
- Üçüncü taraf kodun etkisini azaltma
- Kritik istek derinliğini en aza indirin
- JavaScript yürütme süresini azaltın
- Ana iş parçacığı çalışmasını en aza indirin
- İstek sayılarını düşük ve aktarım boyutlarını küçük tutma