Time to Interactive (TTI) Nedir?

Web siteninizin performansını etkileyen sorunların teşhis edilmesi için kullanılan metrikleri anlamaya çalışanlar sıklıkla bu soruyu sormaktadır. Pek çok kez Time to Interactive nedir sorusu yöneltilmektedir. Sizler bu soruya cevap bularak önemli bilgileri de elde edebilirsiniz. Diğer yandan web site sahiplerinin içeriği olabildiğine hızlı olacak şekilde sunmaları asıl amaçtır. Çünkü son dönemlerde web siteleri için en önemli unsurlar sitelerin hızı olarak değerlendirilmektedir. Bir web sitenin performansını öne çıkaran en temel unsur içerik sunma hızı olarak yorumlanmaktadır. Bu aşamada sadece yüklenme hızına odaklanmaksa doğru değildir. Önemli olan yüklenme hızı ile beraber kullanıcı deneyimlerini de ihmal etmiyor olmaktır. Time to Interactive nedir sorusuna net bir cevap vermek gerekirse de bir web sayfasının yüklenmesi sırasında ne kadar zaman geçtiğini ölçen bir performans metriği olarak tanımlanmaktadır. Özellikle yüklenme sürecinde etkileşimli olana kadar geçen zamanı ölçeklendirmektedir.

Bilindiği üzere bazı siteler beklenenden çok daha hızlı. Ancak hızlı olmasına rağmen paylaşılan içeriğin bir müddet etkileşime girememişinden kaynaklanır. Yani site hızlı olsa bile paylaşılan içerikler anında kullanılamaz. Bu durum ne derecede olduğunu bilmek adına da TTI kullanılmaktadır. TTI, performans metriğinin ölçümü sırasında kullandığı üç kriteri bulunmaktadır.

Öncelikli olarak web sayfalarında bulunan yararlı içeriği görüntülemektedir. Olay işleyicileri yani kullanıcıların butona tıklaması ile meydana gelen komut dosyaları sayfa öğeleri için kayıt altında tutulmaktadır. Söz konusu sayfanın kullanıcıların etkileşimlerine 50ms içerisinde yanıt verdiği bilinir. Kullanıcıların etkileşimlerine bu kadar kısa süre içerisinde yanıt veriyor olmak, kullanıcı deneyimlerinin arttırılması açısından oldukça önemlidir.

Ziyaretçi olan kişilerin giriş yaptıkları sayfa içerisinde ne kadar hızlı şekilde etkileşime girebildiğini TTI ölçmektedir. Bu yüzden sitelerin, sayfaların performans sorunlarının bulunması konusunda önem arz etmektedir. Bir laboratuvar metriği olarak bilinen TTI, gerçek kullanıcı girdisi olmadan hesaplama yapmaktadır. Bunun için simüle edilmiş bir ortam kullanımı söz konusudur.

Time to Interactive Nasıl Ölçülür?

Web sitenizin TTI hesaplamalarının yapılması oldukça hızlı ve kolay şekilde yapılabilmektedir. Bunun için de bazı araçların kullanıldığı bilinmektedir. En çok kullanılan araçlar içerisinde Google DevTools ile PageSPeed bulunmaktadır. Bu araç içerisine sayfanın URL girişi yapılmaktadır. Sonrasında sunduğunuz raporun TTI skorunu öğrenebilmeniz mümkündür. TTI puanlaması yorumlanırken de bazı eşiklerin dikkate alındığı bilinmektedir.

Aldığınız skorun iyi yani hızlı olarak kabul edilmesi için 0-3,8 saniye aralığında etkileşim alabilmesi gerekmektedir. Orta yani iyileşmesi gerekiyor sonucunu aldıysanız o zaman size sunulan sonuç 3,9 ile 7,3 saniye aralığındadır. Zayıf yani yavaş sonucunu aldıysanız o zaman etkileşime geçme süresinin 7,3 oranından daha fazla olduğu bilinmektedir.

Elde edilen bu değerler http arşivindeki verilere dayanmaktadır. Sonuçlarınız da veri tabanınızda bulunan diğer sitelerle karşılaştırılmaktadır. Web siteniz genel olarak hangi yüzeye denk geliyorsa o zaman puanlama da buna göre yapılmaktadır. Örneklendirmek gerekirse de doksan dokuz olan bir yüzdelik dilimde performansınızı gösteren siteler için TTI sonucu 2,2 saniye olarak bilinmektedir. Bu da web sitenizin TTI sonucunun 99 olduğu anlamına gelmektedir.

Sizler web sitenize öğeleri yüklediğiniz zaman hızlıca görünür hale gelmektedir. Ancak içeriğin üzerine tıkladığınız zaman ortada hiçbir şeyin olmadığı görülmektedir. Yavaş, zayıf bir TTI değeri elde edildiği de bu noktada anlaşılmaktadır. Beklenenden daha fazla yüksek etkileşim süresinin alınması kullanıcı deneyiminin olumsuz olmasına yol açar. Web sitenin kullanımı sırasında kullanıcılar sitenin çalışmadığını düşünmeye başlarlar. Bu yüzden de kısa süre içerisinde siteyi terk edip başka bir siteye giriş yapma eğilimi gösterirler.

Time to Interactive Neden Etkilenir?

Time to Interactive yani etkileşim süresini etkileyen birden fazla faktör vardır. Yani kötü bir TTI değerine sahip olmanıza neden olacak seçenekler bir taneyle sınırlı değildir. Bu konuda genel bir yorumlama yapmak gerekirse de üçüncü taraf kodları, JS kullanılmaması, JS yürütme süresi gibi sebeplerin öne çıktığı bilinir. Bu aşamada dosya boyutunun azalması ve bu şekilde kodun optimize edilmesi gerekmektedir.

JavaScript görevlerinin uzun olması yani 50ms’den uzun olan görevler TTI gecikmelerine neden olabilmektedir. Bunun nedeni de bir sayfanın oluşturulması sırasında modern tarayıcılar bir ton görev yaparlar. Bunun için de ana iş parçacığına güvenirler. Uzun görevlerin yapılması da ana iş parçacığı içerisinde uzun bir zaman almaktadır. Devam edilen süre boyunca tarayıcıların onları kesintiye uğratması kaçınılmazdır. Kullanıcılar görevleri sırasında bir butona tıklıyorsa o zaman görevleri tamamlanana kadar yanıt verme durumu söz konusu değildir.

Belirttiğimiz bu durumdan ötürü uzun görevlerin bulunup optimize edilmesi gerekir. Bu işlemi yapmanızla beraber TTI puanınızı da önemli oranda iyileştirmiş olursunuz. Performans denetimleri ile sayfanızda bulunan uzun görevler hakkında da detaylı bilgi sahibi olabilirsiniz. Bu konuda gerekli analizleri yapmak için de sayfa içerisinde performans sekmesine tıklayarak sonuç alabilirsiniz. Asıl unutulmaması gerekenin de uzun görevlerin bölünmesinin TTI ve diğer etkileşim metriklerinin iyileşmesine yardımcı olmasıdır.

FID ve TTI Arasındaki Farklar Nelerdir?

İlk giriş gecikmesi yani FID ile etkileşim süresi yani TTI arasında bazı farkların olduğu bilinmektedir. Bu farkların nelerle ilgili olduğu konusunda da pek çok sorunun sorulduğu bilinmektedir. Detaylandırmak gerekirse de TTI ile FID web sayfalarının etkileşim oranlarını ölçmektedir. Bu aşamada öne çıkan iki metrik oldukları bilinir. Ayrıca sizler ikisinden birine odaklandığınız zaman bu iki kavramı da iyileştirmiş olursunuz. TTI, bir sayfanın kullanıcı girişine yanıt vermek için hazır olmanın ne kadar zaman aldığını ölçer. FID, gerçek kullanıcıların sayfayla etkileşime girmeye çalıştığı zamanda ne kadar duyarlı olduğunu ölçeklendirir.

Öne çıkan her iki metrik de ana iş parçacığını tekelleştirir. Uzun görevlerin sayısı azalırken kullanıcıların girdilerinin işlenmesi ile ilgili olan oran azaltılmaktadır. Sizler çok fazla uzun görevle karşılaştığınız zaman sayfanın etkileşim oranı da düşmektedir. Bu da kullanıcı deneyimine zarar veren noktalardan biri olarak yorumlanmaktadır.

TTI, laboratuvar verileri ile hesaplanmaktadır. Ancak FID gerçek kullanıcı verilerini kullanarak hesaplama yapar. Time to Interactive bir laboratuvar metriği olduğundan ötürü gerçek kullanıcıların karşı karşıya kalacağı sorunları bildiremez. Bu da performans değerlendirmeleri sırasında FID kavramının önemli bir yere sahip olduğunu göstermektedir.

Time to Interactive Nasıl İyileştirilir?

Time to Interactive yani TTI gibi etkileşim metriklerinin optimize edilmesi, diğer metriklerin optimize edilmesine göre daha zor bir işlemdir. Bu aşamada ana iş parçacığının çalışmasının en aza indirilmesi sağlanmaktadır. TTI değerlerinin geliştirilmesinin öne çıkan yollarından biri de komut dosyalarının yükselme süresini aza indirmektir. Yüksek bir Time to Interactive değerinin temel nedeni içerisinde de Script işleme ve yükleme süresi yer almaktadır. Bundan ötürü kullanmadığınız komut dosyalarının kaldırılması çok daha doğru bir adım olacaktır. Tarayıcının yorumlamasına gerek olmayan dosyaların zamanı çaldığını unutmamanız gerekir.

İyileştirme aşamalarında kod dosyasının boyutunu azaltmak için sıkıştırma gibi tekniklerden de yararlanabilirsiniz. Kod bölme işlemiyle de tarayıcıya tüm JS seçenekleri ile aşırı yüklemeye maruz bırakmak yerine sadece ihtiyaç duyulan kodun gönderilmesine yardımcı olmaktadır. Bu sayede elde edilen sonuçlar da çok daha iyileştirilmiş olacaktır. Ek olarak kritik olmayan üçüncü taraf komut dosyalarının kaldırılması da tavsiye edilenler arasında yer almaktadır.