Performans Ne Demek, Web'de Neye Göre Ölçülüyor?

Haberci

SEO UZMANI
Yönetici
Katılım
21 May 2023
Mesajlar
753
Tepki
17
Puan
18
1003




"Site yavaş" cümlesi bir şikâyet, ölçüm değil. Web tarafında performans kelimesinin karşılığı ise ölçülebilir: belirli olayların ne zaman başladığı, ne kadar sürdüğü ve hangi türe ait olduğu.

Aşağıda performansın tarayıcı tarafında nasıl tanımlandığını, ölçümün hangi parçalardan oluştuğunu, verinin nereden geldiğini ve bunun nasıl kullanıldığını iki kaynağa bakarak topluyoruz.

Ölçüm neden gerekiyor?​


W3C'nin Performans Zaman Çizelgesi belirtimi gerekçeyi başta koyuyor: web uygulamalarının performans özelliklerini doğru biçimde ölçmek, uygulamaları hızlandırmanın önemli bir yönü.

Belirtimin işlevi de tanımlı: web geliştiricilerinin bir web uygulamasının bütün yaşam döngüsünden çeşitli performans ölçütlerine erişmesini, ölçüm eklemesini ve bunları geri almasını sağlayan gerekli temel yapıları tanımlıyor.

Yani performans burada bir his değil, kayıt altına alınan bir veri kümesi.

  • Amaç: Ölçülebilir hâle getirmek.
  • Kapsam: Uygulamanın bütün yaşam döngüsü.
  • Sonuç: Erişilebilen ve geri alınabilen ölçütler.

Bir ölçüm neyi taşıyor?​


MDN'in Performans API'leri sayfası yapıyı somutlaştırıyor: her performans ölçütü tek bir performans kaydıyla temsil ediliyor.

Kaydın dört alanı var: bir ad, bir süre, bir başlangıç zamanı ve bir tür.

Bu dört alan, "yavaş" şikâyetini ayrıştırmanın yolunu veriyor. Neyin (ad), ne zaman başladığı (başlangıç), ne kadar sürdüğü (süre) ve hangi kategoriye ait olduğu (tür) ayrı ayrı görülebiliyor.

MDN bütün performans ölçütlerinin bu temel kayıt arayüzünü genişlettiğini ve onu daha da ayrıntılandırdığını belirtiyor.

Püf nokta' Alıntı:
Performans tartışmasında ilerleme, tek bir "hız" sayısından dört alanlı kayıtlara geçildiğinde başlıyor.

Veri nereden geliyor?​


MDN önemli bir kolaylığa işaret ediyor: performans kayıtlarının çoğu, sizin bir şey yapmanıza gerek kalmadan kaydediliyor.

Bunun yanında kendi ölçümlerinizi de ekleyebiliyorsunuz. MDN'e göre API, yerleşik önemli ölçütleri sunmanın yanı sıra tarayıcının performans zaman çizelgesine kendi ölçümlerinizi ekleme imkânı veriyor.

Zaman çizelgesinin niteliği de belirtiliyor: yüksek hassasiyetli zaman damgaları içeriyor ve geliştirici araçlarında görüntülenebiliyor.

W3C belirtimi de aynı temeli tarif ediyor; belirtim, yüksek çözünürlüklü performans ölçüt verisini saklamak ve geri almak için yöntemler sağlayarak Yüksek Çözünürlüklü Zaman belirtimini genişletiyor.

Hangi ölçüt ailesi neyi anlatıyor?​


W3C belirtimi kaynakları ayrı ayrı sayıyor. Gezinme zamanlaması belgeye gidişle ilgili zamanlama bilgisini, kaynak zamanlaması sayfadaki kaynaklarla ilgili olanı, kullanıcı zamanlaması ise geliştirici betiklerine ait olanı tanımlıyor.

Belirtime göre bunlar ve diğer performans arayüzleri birlikte, bir web uygulamasının performans zaman çizelgesini betimleyen ölçütleri tanımlıyor.

Bu ayrım teşhiste doğrudan işe yarıyor: sorun sayfaya gidişte mi, tek tek kaynakların yüklenmesinde mi, yoksa çalışan betiklerde mi?

Laboratuvar mı, saha mı?​


Aynı sayfa, ölçümün nerede yapıldığına göre farklı sonuç veriyor. Geliştirici araçlarında yapılan ölçüm denetimli bir ortamda alınıyor: bilinen bir cihaz, bilinen bir ağ.

Gerçek kullanıcılardan toplanan veri ise dağılımı gösteriyor. MDN'in analiz uç noktalarına gönderim önerisi tam bu ihtiyaca karşılık geliyor: farklı cihaz, farklı bağlantı ve farklı coğrafyadan gelen kayıtlar bir araya getiriliyor.

İkisi birbirinin yerine geçmiyor. Denetimli ölçüm bir değişikliğin etkisini izole ediyor; saha verisi ise değişikliğin gerçek kullanıcıda karşılığı olup olmadığını gösteriyor.

Ölçmeden iyileştirme neden riskli?​


Performans çalışmalarının sık düşülen tuzağı, en görünür şeyi iyileştirmek. Görsel boyutunu küçültmek her zaman iyi gelir ama sayfanın asıl gecikmesi başka bir kaynaktan geliyorsa sonuç değişmiyor.

Dört alanlı kayıt yapısı bu tuzağı kapatıyor: başlangıç zamanı ve süre birlikte okunduğunda, hangi işin diğerini beklettiği görülüyor.

Aynı kayıtların zaman içinde saklanması da ikinci bir koruma sağlıyor. İyileştirme sonrası ölçüm eskisiyle karşılaştırılabiliyor ve "daha hızlı hissettiriyor" gibi öznel değerlendirmelerin yerini sayı alıyor.

Ölçüm ne işe yarıyor?​


MDN verinin kullanımını da anlatıyor: zaman çizelgesindeki veri analiz uç noktalarına gönderilerek performans ölçütlerinin zaman içinde kaydedilmesi sağlanabiliyor.

Bu, tek seferlik bir ölçümle sürekli izleme arasındaki farkı ortaya koyuyor. Tek ölçüm o anın fotoğrafı; zaman içindeki kayıt ise değişimi gösteriyor.

Değişimi görmek, yapılan bir iyileştirmenin gerçekten işe yarayıp yaramadığını anlamanın tek yolu.

Kullanıcı etkileşiminin ölçülmesini INP yazımızda, sayfanın en büyük ögesinin yüklenme süresini LCP yazımızda ele almıştık.

Sunucu tarafındaki kopyaların yanıt süresine etkisini origin shield yazımızda ölçmüştük.

Sık Sorulan Sorular​


Performans ne demek?
Web tarafında, uygulamanın yaşam döngüsü boyunca ölçülüp kaydedilen zamanlama verisi.

Bir ölçüm neyi içeriyor?
Ad, süre, başlangıç zamanı ve tür olmak üzere dört alan.

Ölçümleri kendim eklemeli miyim?
Çoğu kayıt kendiliğinden tutuluyor; API kendi ölçümlerinizi eklemenize de imkân veriyor.

Veri nerede görülüyor?
Zaman çizelgesi geliştirici araçlarında görüntülenebiliyor; analiz uç noktalarına da gönderilebiliyor.

Hangi ölçüt ailesi var?
Gezinme, kaynak ve kullanıcı zamanlaması gibi ayrı belirtimler bu çizelgeyi besliyor.

Özetle​


Performans, tarayıcı tarafında dört alanlı kayıtlarla tanımlanan ölçülebilir bir veri kümesi: ad, süre, başlangıç ve tür. Kayıtların çoğu kendiliğinden tutuluyor, kendi ölçümlerinizi de ekleyebiliyorsunuz. Gezinme, kaynak ve kullanıcı zamanlaması ayrı ölçüt aileleri olarak sorunun nerede olduğunu gösteriyor.

Sitenizin yavaşladığını nasıl anlıyorsunuz: şikâyetle mi, ölçümle mi?

Güncelleme: 3 Eylül 2026. W3C Performance Timeline belirtimi ve MDN Performance API sayfası kontrol edildi.



Dijital Dünyanıza Yön Veren Pusula
 

Ekli dosyalar

  • banner_25.jpg
    banner_25.jpg
    7.2 KB · Görüntüleme: 3
  • banner_25.jpg
    banner_25.jpg
    7.2 KB · Görüntüleme: 3
Son düzenleme:
Geri
Üst