Merhabalar arkadaşlar! Bugün sizlere Time To Interactive (TTI) yani Etkileşim Süresi Nedir, Nasıl iyileştirilir gibi soruları yanıtlayacağım.

Bir web sitesi geliştirirken sunduğunuz içeriği mümkün olduğunca çabuk sunmak, içeriğin kendisi kadar önemli ve atlanılmaması gereken bir mevzudur. Ancak içeriği anında sunmak da bazen yeterli olmaz. Bazı web sitelerinin başarısız olmasının sebebi, içeriği anında sunsalar da bir süre etkileşime girilemez durumda kalmalarından kaynaklanır. İşte TTI metriği burada yardımımıza koşuyor.

“Time to Interactive (TTI)” veya Türkçe adıyla “Etkileşime Hazır Olma Süresi”, bir web sayfasının kullanıcılar tarafından etkileşime geçilebilir duruma gelmesi için geçen süreyi ifade eder. Kullanıcılar bir web sayfasını açtığında, sayfanın tamamen yüklenmesini beklemek yerine, sayfanın belirli öğeleriyle hızlıca etkileşime geçmeyi tercih ederler. Bu nedenle, TTI’nin düşük olması, kullanıcı deneyimini artırabilir ve web sitesinin daha hızlı ve etkileşimli hale gelmesini sağlayabilir.

Time to Interactive (TTI), bir web sayfasının yüklenmesi sırasında tamamen etkileşimli olmasına kadar geçen zamanı ölçen bir performans metriğidir. Kullanıcıların sayfayla ne kadar hızlı etkileşime girebildiğini ölçer. FID’den farkı lab ortamlarında ölçülebilir olmasıdır.

Start Render ve Speed Index, Sitenizdeki sayfaların yüklenme hızını değerlendirmek için kullanılabilen göstergelerden bazılarıdır. Ancak bunlar, bir sayfanın görüntülenme hızını ölçmek için kullanılabilse de, bir sayfanın etkileşim düzeyini değerlendirmek için kullanılamaz.

Sitenizin Hızı:

• 0 – 3,8 saniye aralığında ise: İyi (hızlı)
• 3,9 – 7,3 saniye aralığında ise: İyileştirme Gerekiyor (orta)
• 7,3 saniyeden fazla ise Zayıf (kötü) demektir.

TTI, bileşenlerin kullanıcının yaptığı bir işleme hızlı bir şekilde yanıt vermesi için bir sayfanın herhangi bir JS kodunu ne kadar hızlı çalıştırabileceğini ölçer. Yani hızlı bir TTI, sayfanın tam etkileşime hazır olmasını sağlamaktadır.

Bir sayfa şu durumlarda tam etkileşimli olarak kabul edilir:

• Sayfa, FCP tarafından ölçülen faydalı içeriği görüntüler
• Event işleyicileri en görünür sayfa elemanları için kaydedilir
• Sayfa, kullanıcının işlemlerine 3-7 saniye içinde yanıt verir.

TTI ve TBT ortak amaçları olan metriklerdir. Çünkü ikisi de bir kullanıcının yaptığı işleme sayfanızın verdiği yanıta ilişkin bilgileri ölçer.

Lighthouse, Core Web Vitals , hız endeksi, etkileşim süresi ve toplam engelleme süresi dahil olmak üzere nihai performans puanınızı oluşturmak için altı metriği birleştirir ve biz geliştiricilere sunar. Güzel bir kullanıcı deneyimi sağlamak için sitenizin 90 ila 100 arasında bir puan alması gerekmektedir.

TTI Nasıl İyileştirilir?

TTI’nin iyileştirilmesi, web sayfasının daha hızlı bir şekilde etkileşime hazır hale gelmesini sağlamayı amaçlar. Bu süreç, sayfa yüklenme hızını artırarak, kullanıcıların içeriğe daha hızlı erişmelerine ve etkileşimde bulunmalarına yardımcı olur. İşte TTI’yi iyileştirmek için dikkate almanız gereken bazı yöntemler:

1. Gecikmeyi Azaltan Kaynaklar: Sayfanızın yüklenme süresini geciktirebilecek ağ çağrılarını (örneğin, büyük resimler veya videolar) optimize edin. Resimleri sıkıştırın ve gereksiz ağ isteklerini azaltın.
2. Asenkron Yüklemeler: Sayfanın etkileşim için gerekli olmayan öğeleri, sayfanın yüklenmesini beklemeksizin asenkron olarak yükleyin. Bu, ana içeriğin daha hızlı yüklenmesine olanak tanırken, diğer öğelerin arka planda yüklenmesine imkan sağlar.
3. Gereksiz Eklentileri Azaltma: Sayfanın yavaş yüklenmesine neden olan gereksiz eklentileri veya üçüncü taraf betikleri kaldırın veya azaltın. Her eklenti veya betik, sayfanın yüklenme süresini olumsuz etkileyebilir.
4. Tarayıcı Önbellekleme Kullanımı: Tarayıcı önbellekleme, daha önce ziyaret edilen sayfaların bazı bileşenlerini saklamayı içerir. Bu, ziyaretçinin aynı sayfayı tekrar açtığında daha hızlı yüklenmesine yardımcı olabilir.
5. Kod Sıkıştırma ve Optimize Etme: HTML, CSS ve JavaScript kodlarını sıkıştırma ve optimize etme yöntemleri kullanarak, sayfanın yükleme süresini azaltabilirsiniz.
6. Ana İçeriği Önceliklendirme: Sayfanın ana içeriğini önceliklendirerek, kullanıcıların önemli içeriğe daha hızlı erişmelerini sağlayabilirsiniz. Bu, sayfanın tüm bileşenlerinin tam olarak yüklenmesini beklemek zorunda kalmadan etkileşime geçmelerine yardımcı olabilir.
7. Sunucu Yanı Tepki Süresini Azaltma: Web sunucunuzun tepki süresini azaltarak, tarayıcıların sayfa içeriğini daha hızlı almasını sağlayabilirsiniz.
8. CDN Kullanımı: İçerik Dağıtım Ağı (CDN), sayfanızdaki içeriği dünya genelindeki sunuculara dağıtarak kullanıcılara daha yakın konumdan hızlı bir şekilde erişmelerini sağlar.
9. Yavaş Yüklenen Eklentileri İzleme: Eğer sayfanızda yavaş yüklenen eklentiler veya bileşenler varsa, bu durumu izlemek ve gerekirse alternatif çözümler aramak önemlidir.
10. Performans Testleri ve İzleme: Düzenli olarak sayfa performansını test etmek ve izlemek, herhangi bir performans düşüşünü hızla tespit etmenizi ve çözüm aramanızı sağlar.

TTI’nin iyileştirilmesi, web sitenizin kullanıcı deneyimini olumlu bir şekilde etkileyebilir ve ziyaretçilerin sitenizle daha etkileşimli bir şekilde etkileşime girmesine olanak tanır. Bu sayede, kullanıcı memnuniyetini artırabilir, dönüşüm oranlarını yükseltebilir ve sitenizin genel performansını daha iyi hale getirebilirsiniz.