İzlemeye Değer 13 Kritik Web Sitesi Performans Metriği

Hızlı bir web sitesi iyi bir web sitesidir“, özellikle günümüzde kullanıcılar yıldırım hızında yükleme sürelerine sahip web siteleri bekledikçe, sitenizin kullanıcı deneyimini sürekli olarak iyileştirmeye çalışırken hiç şüphesiz tekrar tekrar duyduğunuz bir ifadedir.

Ancak web sitesi performansı bağlamında “hızlı” tam olarak ne anlama geliyor?

Pek çok şey ifade edebilir ve sorun da budur- sitenizin web performansını ölçmek birçok ölçüm içerir.

Bu nedenle, sitenizin performansını tam olarak anlamak için, sitenizi daha iyi bir hız için optimize etmek amacıyla hangi performans metriklerini (ölçüm standartlarını) ölçmeniz gerektiğini, nedenini ve bunlardan neler öğrenebileceğinizi kavramanız gerekir.

Bu nedenle, bu yazıda, düzenli olarak izlemeniz gereken temel web performansı metriklerinin bir listesini hazırladık.

İçindekiler:

  1. Çalışma süresi
  2. İlk Bayta Kalan Süre
  3. İlk Boyamaya Kadar Süre
  4. İlk Zengin İçerikli Boyamaya Kadar Süre
  5. En Büyük Zengin İçerikli Boyama
  6. İlk Giriş Gecikmesi
  7. Etkileşime Hazır Olma Süresi
  8. HTTP İstekleri
  9. Yükleme Süresi
  10. Tam Yüklenme Süresi
  11. Bağlantı Süresi
  12. Toplam Sayfa Boyutu
  13. Üçüncü Taraf Alan Adları
  14. Sonuç
TurboPak - Web Sitenizi Hızlandırın

Çalışma Süresi (Uptime)

İster küçük bir işletme veya kar amacı gütmeyen bir kuruluş, bir çevrimiçi mağaza veya basit bir blog işletiyor olun, trafik web sitenize çalışmaması nedeni ile ulaşamıyorsa, o zaman sonuç itibarı ile işiniz / iş yapmak için kapalısınız demektir.

Özetle, çalışma süresinin site sahipleri için kritik bir endişe olmasının nedeni budur.

Çalışma süresi, web barındırıcınızın (hosting) sorumluluğundadır, bu nedenle, sık sık kesinti veya bant genişliği sorunları yaşıyorsanız, barındırma seçeneklerinizi gözden geçirmeniz faydalı olacaktır.

Hiçbir ana bilgisayar %100 çalışma süresini garanti edemezken, zamanın %99,99’unda çalışma süresini hedeflemelisiniz.

Pingdom ve Uptime Robot gibi hizmetler sitenizi izleyebilir ve çöktüğünde anında sizi uyarabilir, böylece sitenizi tekrar çevrimiçi hale getirmek için hızlı hareket edebilirsiniz.

İlk Bayta Kalan Süre (TTFB)

Sunucuyla bağlantı talep edildikten sonra ilk bayt bilginin ziyaretçinin tarayıcısına ulaşması için geçen süre, ilk bayta kadar geçen süre veya İngilizce kısaltma olarak TTFB olarak adlandırılır.

resim 1 - time to first byte

Bu anahtar metrik, yönlendirme süresi (sunucuya bir istek göndermek için harcanan süre), bağlantı süresi (yanıtı işlemek ve oluşturmak için harcanan süre) ve arka sahne (backend) süresi (yanıtı göndermek için ziyaretçinin tarayıcısına geri göndermek için geçen süre) eklenerek hesaplanır.

Kodu optimize etme, önbelleğe alma, web sunucusu yapılandırmanıza ince ayar yapma ve sunucu donanımınızı yükseltme gibi sitenizin ilk bayta kalan süresini (TTFB) iyileştirmenin bazı yolları vardır.

Site ziyaretçilerinin bilgi alma sırası da önemlidir ve TTFB’nizi artırmaya yardımcı olabilir.

İlk Boyamaya Kadar Süre (Time to First Paint)

İlk boyama (FP) süresi, tarayıcı ekranda pikselleri oluşturduğunda, gezinmeden hemen sonra noktayı işaretler.

Sayfanın yapısına bağlı olarak, bu, arka plan rengini görüntülüyor olabilir veya oluşturulan sayfanın çoğu olabilir.

Google, bu temel metriği site ziyaretçisi için önemli olarak tanımlıyor çünkü şu soruyu yanıtlıyor:

Bir şey oluyor mu / gerçekleşiyor mu?

resim 2 - time to first paint

İlk boyama (FP) zamanlaması önemlidir, çünkü bu noktaya kadar tarayıcı yalnızca boş bir sayfa görüntülemiş olacak ve bu durum değişikliği ziyaretçiye sayfanın yüklendiğini gösterecektir.

İlk Zengin İçerikli Boyamaya Kadar Süre (Time to First Contentful Paint)

İlk zengin içerikli boyama (FCP) süresi, tarayıcının Belge Nesne Modeli’nden (DOM- Document Object Model) metin, görüntü, SVG veya başka bir öğe olabilecek ilk içerik bitini oluşturduğu noktadır.

Site ziyaretçileri için bu zamanlama, herhangi bir değişikliği değil, gerçek içeriğin sayfaya ne zaman yüklendiğini gösterir.

Hız metnimden aşağıdaki örnekte görebileceğiniz gibi, ilk boyama (FP) ve ilk zengin içerikli boyama (FCP) zamanlamaları bu ölçümler yakından uyumlu olduğundan aynıdır.

resim 3 - first contentful paint

Bu metrik site yöneticileri için tam olarak neden yararlıdır?

FP gibi, FCP de site ziyaretçilerinin ne zaman “tüketilebilen içerik” bilgileri (metin, resimler, vb.) aldığını ve bir sayfanın yüklendiğini ve bir şeyler olduğunu görebildiğini gösterir.

En Büyük Zengin İçerikli Boyama (LCP)

En Büyük İçerikli Boyama (LCP) metriği, sayfadaki en büyük öğenin görüntü alanında görünür hale gelmesinin ne kadar sürdüğünü size söyler.

En büyük öğe genellikle bir metin bloğu veya bir görüntüdür.

Bu metrik, Temel Web Hayati Değerlerinden biri olduğu için oldukça önemlidir ve SEO (arama motoru optimizasyonu) performansınızı da etkileyebilir.

Söylemeye gerek yok, En büyük zengin içerikli boyama (LCP) performansını optimize etmeniz sizin için çok önemlidir.

İlk Giriş Gecikmesi (FID)

İlk Giriş Gecikmesi (FID), tarayıcının bir sayfayla ilk kullanıcının etkileşimine yanıt vermesinin ne kadar sürdüğünü analiz ederek sayfanızın etkileşimini ve yanıt verebilirliğini ölçen başka bir Temel Web Hayati Ölçütler metriğidir.

FID yalnızca gerçek kullanıcı verileriyle ölçülebildiğinden, kullanıcı etkileşimi olmadan etkileşimi ölçen Toplam Engelleme Süresine (TBT- Total Blocking Time) de göz atabilirsiniz.

TBT iyiyse, FID performansı hakkında da endişelenmemelisiniz.

İlk Etkileşime Geçen Süre (TTI)

İlk etkileşime geçen süre (TTI) metriği, sayfanın hem görsel olarak oluşturulduğu ve hem de kullanıcı girdisine güvenilir şekilde yanıt verebildiği noktayı işaretler.

Bu, ziyaretçinin sayfayı kaydırabileceği, bağlantıları tıklayabileceği ve diğer etkileşimleri tamamlayabileceği anlamına gelir.

Bu yükleme süresi boyunca, komut dosyaları gibi bazı öğeler hala yüklenmeye devam ediyor olabilir.

HTTP İstekleri (HTTP Requests)

Birisi sitenizdeki bir sayfayı her ziyaret ettiğinde, tarayıcısı web sunucunuza (sosyal ağlardan, reklam platformlarından vb. içerik kullanıyorsanız, o zaman aynı zamanda üçüncü taraf sunuculara) cevap bekleyen istek gönderir (ping) ve sayfa içeriğini oluşturan dosyaları (HTML, CSS ve JavaScript dosyaları, resimler, simgeler ve diğer dosyalar dahil) ister.

Bu isteklere HTTP istekleri denir.

resim 4 - performance metrics http requests

Sitenizin yaptığı toplam HTTP isteklerinin sayısını azaltmanın sitenizin hızını önemli ölçüde artırabileceğini belirtmek gerekir- yalnızca 100 KB olan ancak 85 HTTP isteği olan bir sayfa, muhtemelen yalnızca 15 HTTP isteğine sahip 200 KB’lık bir sayfadan daha kötüdür.

Yani sayfa büyüklüğünden önce istek sayısı daha ağır basan faktördür.

Ancak bunun HTTP / 1 için geçerli olmasına rağmen HTTP / 2 kullanan siteler için geçerli olmadığını unutmayın.

Yükleme Süresi (Onload Time)

Yükleme süresi, sayfanın işlenmesi tamamlandığında ve metin, resimler, CSS ve JavaScript dosyaları dahil sayfadaki tüm kaynakların indirilmesinin tamamlandığı zamandır. Bu süre zarfında, sonraki istekleri başlatan JavaScript olabilir.

Tam Yüklenme Süresi (Fully Loaded Time)

Tam yükleme süresi, ziyaretçinin başlangıçta sayfaya geldiği andan hiçbir ağ etkinliği olmamasının ardından 2 saniye sonrasına kadar geçen süre olarak ölçülür.

Yükleme süresi gibi, bu genellikle ana sayfa yüklendikten sonra JavaScript tarafından tetiklenen tüm etkinlikleri içerir.

Bağlantı Süresi (Connection Time)

Bir dakikalığına geri çekilelim ve bağlantı süresine bakalım.

Bu, bir istek ile ziyaretçinin tarayıcısı ile web sunucusu arasında bağlantı kurulduğu zaman arasındaki süredir.

Yoğun sunucu trafiği ve ziyaretçinin coğrafi konumu gibi bağlantı süresine katkıda bulunabilecek birçok farklı faktör vardır.

Sitenizin bağlantı süresini iyileştirmek için Apache JMeter, RadView’den WebLOAD ve SmartBear’den LoadComplete gibi yük testi araçlarını denemek isteyebilirsiniz.

Toplam Sayfa Boyutu (Total Page Size)

Bu metrik, HTML dosyası, CSS ve JavaScript dosyaları, resimler, multimedya, üçüncü taraf etki alanları, her şey dahil olmak üzere sayfanızı oluşturmak için gereken tüm öğelerin toplamını ifade eder.

resim 6 - performance metrics total page size

HTTP Arşivi (Archive), Kasım 2010’dan beri web siteleri hakkında bilgi topluyor ve yıllar içinde toplam sayfa boyutuyla ilgili bazı ilginç istatistikler sunuyor.

2011 yılında web sayfaları ortalama 717 KB idi. 2021’de ortalama, masaüstünde 2000 KB (2 MB) ve mobil cihazda 1800’dür (1.8 MB).

resim 7 - performance metrics total kb

Üçüncü Taraf Alan Adları

Sitenizin içeriğinin çoğu web sunucunuzda barındırılırken, büyük olasılıkla üçüncü taraf alanlarda barındırılan gömülü video, Gravatar ve sosyal medya bileşenleri gibi bazı üçüncü taraf içerik sitesi kullanımları vardır.

Bu öğeler diğer alanlarda depolandığından, işlevleri ve yüklendikleri hızlar üzerinde çok sınırlı kontrole sahipsiniz.

Bu öğelerin sayfa hızınız üzerindeki etkisini ölçmenin en iyi yolu, hangi öğelerin yüklenmesinin en uzun sürdüğünü belirlemek için bir şelale analizi (waterfall analysis) yapmaktır.

Daha sonra, yavaş yüklenen belirli varlıklara gerçekten ihtiyacınız olup olmadığını veya bunları tamamen kaldırmak isteyip istemediğinizi düşünebilirsiniz.

TurboPak - Web Sitenizi Hızlandırın

Sonuç

Bahsettiğimiz bu metrikleri gözlemleyerek, WordPress site performansınızın düzenli olarak test edilmesi, web sitenizin performansını değerlendirmek ve site ziyaretçilerinin beklediği yıldırım hızında yükleme sürelerini elde etmek için hangi güncellemeleri ve ince ayarları yapmanız gerektiğini belirlemek için ihtiyacınız olan bilgileri size sağlayacaktır.

Akılda tutmaya değer bir başka kullanıcı merkezli metrik, algılanan performans, yani bir ziyaretçinin sayfalarınızın yüklenmesi için ne kadar sürdüğünü hissettiğidir.

Web sitelerinizi hızlandırmak için diğer performans ayarlamaları yapmanın yanı sıra bu kullanıcı davranışını da okumanızı tavsiye ederiz.

Turbopak hizmetimizle web sitenizin hızını ve performansını artırıyoruz, sizin için neler yapabileceğimizi öğrenmek için bizimle iletişime geçin.

TurboPak - Web Sitenizi Hızlandırın