Cloudflare, milyarlarca gerçek kullanıcı web performans ölçümünü içeren BEACON BigQuery veri setini yayınladı

Cloudflare ne yayınladı

Cloudflare, BEACON'u — Browser Experience Across Cloudflare's Observed Network — ağlarındaki en büyük 10.000 web sitesinde alınan milyarlarca gerçek dünya performans ölçümünden oluşan anonim bir veri seti — yayınladı. Cloudflare bloguna göre veri seti tüm büyük tarayıcı motorlarını kapsıyor, Google BigQuery'de günlük olarak güncelleniyor ve Cloudflare'in ayak izini yaklaşık yüz kat genişlettiğini söylediği, topluluk önderliğindeki RUM Archive'ın tanımladığı şemayı takip ediyor.

Cloudflare'in belirttiği motivasyon bir algı farkı: geliştiriciler genellikle güçlü dizüstü bilgisayarlarda ve amiral gemisi telefonlarda hızlı Wi-Fi ile test yaparken, birçok son kullanıcı dört yıllık ekonomik cihazlar, kısıtlanmış veri planları veya yetersiz yatırım yapılmış ağlar kullanıyor. BEACON'un amacı, bu çarpık görünümü, sayfaların gerçek insanlar için nasıl yüklendiğine dair nesnel verilerle değiştirmek.

Veri seti üç Core Web Vitals metriğini raporluyor: yükleme süresi için Largest Contentful Paint (LCP), görsel kararlılık için Cumulative Layout Shift (CLS) ve etkileşimlilik için Interaction to Next Paint (INP). Cloudflare tek bir P75 değeri yayınlamak yerine tam histogramları yayınlıyor; böylece herhangi bir yüzdelik dilimi hesaplayabilir ve en kötü deneyimlerin gizlendiği uzun kuyruğu inceleyebilirsiniz.

Erken sayılar ne gösteriyor

iOS ve Android'de P90'da, şu anda iOS'taki tek tarayıcı motoru olan WebKit genel olarak en iyi performansı gösteriyor; ancak bu avantaj evrensel değil. Cloudflare, WebKit'in trafiğin %10'undan fazlasını temsil ettiği 46 ülkede, LCP, INP veya her ikisinin Chrome, Edge ve Opera gibi Blink tabanlı tarayıcılardan en az %10 daha kötü olduğunu raporluyor. Kamboçya'da WebKit sayfa görüntüleme sayısının %17,5'ini oluşturuyor, ancak LCP'si Blink'den %50 daha kötü.

Veri seti ayrıca Cloudflare'in Intel API'sinden sektör sınıflandırmalarını içeriyor. Government and Politics, Health ve Safe for Kids yüksek performanslı kategoriler olarak öne çıkarken, Ads, Religion ve Weather siteleri genellikle en kötü performansı gösteriyor. Ek yüzdelik dilimler, tek bir P75 sonucunun gizlediği bozulmayı ortaya çıkarıyor; özellikle CLS ile ölçülen görsel kararlılıkta.

Yükleme süresi gerçekte nereye gidiyor

BEACON, RUM Archive standardını, yükleme ve etkileşimi farklı aşamalara bölen LCP ve INP alt parçalarıyla genişletiyor. Küresel LCP dökümü yaygın bir varsayıma meydan okuyor: LCP kaynağının kendisini indirmek — bir görsel, video veya web yazı tipi — genellikle algılanan yükleme süresine en az katkıyı yapıyor. Poor grubunda, belge TTFB ortalaması 1891ms, load delay 1485ms, render delay 2002ms, ancak load duration yalnızca 119ms. Good eşiğini kaçıran sayfa görüntülemelerinin çoğu için daha büyük fırsatlar, LCP adayını keşfetmek ve render'ını engellemeyi kaldırmaktır. Cloudflare, müşterilerin Smart Hints ile bazı kaynak keşfi gecikmelerini çözebileceğini belirtiyor.

INP için döküm, input delay, processing time ve presentation delay'i ayrıştırıyor. Poor grubunda bunlar sırasıyla 84ms, 284ms ve 217ms olarak ölçülüyor: JavaScript işleme en yavaş etkileşimlere hakim, ancak presentation delay de keskin şekilde artıyor; Cloudflare bunu büyük ölçüde karmaşık CSS yerleşim yeniden hesaplamalarına bağlıyor. Müşteriler, üçüncü taraf JavaScript'in etkisini azaltmak için Zaraz gibi araçları kullanabilir.

Tek sayfalık uygulamalar düzgün ölçülüyor

Cloudflare ayrıca React, Vue, Angular veya Svelte ile oluşturulan tek sayfalık uygulamalarda yaygın olan istemci tarafı gezinmeler için doğru LCP raporlaması sağlayan Chrome'un Soft Navigations API desteğini ekledi. Sayılar, soft navigations'ın her yüzdelik dilimde hard navigations'lardan iki ila üç kat daha hızlı render edildiğini gösteriyor: P50'de 274ms'e karşı 791ms ve P95'te 1816ms'e karşı 4122ms.

Ödünleşim ise genellikle önemli ölçüde daha ağır olan açılış sayfası: P50'de 1370ms, P75'te 2681ms ve P95'te 8940ms. Cloudflare'in sonucu şu: daha hızlı sonraki gezinmeler, daha yavaş bir ilk deneyimi telafi etmelidir; ve kullanıcılar açılış sayfasının ötesine nadiren geçiyorsa, daha ağır ilk yükleme kendini hiçbir zaman karşılamayabilir.

Neden önemli

BEACON açık bir veri seti olduğu için değeri, içinde yayımlandığı alanlarla sınırlı değil. Araştırmacılar onu dış kaynaklarla birleştirebilir — Cloudflare'in kendi örneği, ekonomik koşulları ülkeye göre web performansıyla ilişkilendirmek için Dünya Bankası kişi başına GSYH verileriyle birleştiriyor. Cloudflare Radar ayrıca, BEACON'u Internet Quality Index ile eşleştirerek kullanıcı deneyimini iki baskın bileşenine ayıran bir Web Performansı bölümü ekleyecek: ziyaret edilen web sitesi ve onu teslim eden eyeball ağı. Geliştiriciler için en somut pratik değer kalibrasyon. Ekipler, hızlı donanımdaki laboratuvar testleriyle kıyaslama yapmak yerine, Core Web Vitals'larını milyarlarca gerçek kullanıcı ölçümüyle karşılaştırabilir ve optimizasyonı hangi yükleme veya etkileşim aşamasının hak ettiğini — ve en az o kadar sık olarak, hangisinin hak etmediğini — tam olarak görebilir.