Performans Bütçesi Nedir?
İngilizce: Performance Budget
Performans bütçesi, bir web sayfası için dosya boyutu, istek sayısı ve yükleme süresi gibi metriklere konan ölçülebilir sınırdır.
Performans Bütçesi Nedir?
Performans bütçesi, bir sayfanın hızlı kalması için önceden kabul edilen teknik sınırlar setidir. Tasarım, içerik ve geliştirme kararları bu sınırlarla birlikte değerlendirilir; yeni bir video, üçüncü parti script veya büyük görsel eklenirken “sayfa hâlâ hedefin içinde mi?” sorusu sorulur.
Örnek bir bütçe “ana sayfa JavaScript’i 180 KB’ı, toplam görsel ağırlığı 900 KB’ı, LCP 2,5 saniyeyi aşmayacak” şeklinde olabilir. Bu hedefler cihaz, bağlantı hızı ve sayfa türüne göre ayrı tanımlanır.
Nasıl Uygulanır?
- Kritik sayfalar seçilir: ana sayfa, ürün detayı, ödeme adımı, form sayfası gibi.
- Metrikler belirlenir: toplam sayfa ağırlığı, istek sayısı, JavaScript boyutu, LCP, INP veya TTFB.
- Ölçüm aracı bağlanır: Lighthouse CI, WebPageTest, RUM verisi veya build raporları kullanılabilir.
- Eşik aşılırsa build uyarı verir ya da değişiklik yayına alınmadan önce optimize edilir.
İş Dünyasında Kullanımı
Performans bütçesi, özellikle kampanya dönemlerinde ağırlaşan e-ticaret sayfaları, çok görselli kurumsal siteler ve üçüncü parti takip kodu kullanan pazarlama sayfalarında kontrol sağlar. Bütçe yoksa performans genellikle tek seferlik optimizasyon olarak kalır; bütçe varsa yeni geliştirmeler de aynı kalite çizgisinde kalır.
Core Web Vitals hedefleri ve görsel optimizasyonu performans bütçesinin en sık izlenen parçalarıdır.
İlgili Terimler
Core Web Vitals, Google'ın gerçek kullanıcı deneyimini LCP, INP ve CLS metrikleriyle ölçtüğü temel web performansı göstergeleridir.
Görsel OptimizasyonuGörsel optimizasyonu, doğru boyut, format, sıkıştırma ve yükleme stratejisiyle sayfaların daha hızlı açılmasını sağlar.
Intersection ObserverIntersection Observer, bir öğenin görünüm alanına veya seçili kapsayıcıya ne zaman girip çıktığını asenkron izleyen tarayıcı API'sidir.
Web FontuWeb fontu, markaya özel tipografiyi tarayıcıya indirilen font dosyalarıyla gösterir; hızlı yükleme için iyi planlanmalıdır.