Kaynak türleri ayrı toplanır; mevcut değer bütçeyle karşılaştırılır, toplam sapma ve yüzde pay hesaplanır, en büyük kontrollü azaltma fırsatları önceliklendirilir.
339
Hesaplama araçları
Web Performans Bütçesi Planlayıcı
Kaynak türü bütçelerini ve mevcut aktarım boyutlarını ayrı alanlarda toplar; toplam sapmayı, en büyük payı, hedefe inmek için gereken azaltmayı ve koruma payını hesaplar. Laboratuvar veya gerçek kullanıcı LCP/INP/CLS ölçümü yapmaz.
✓ Ücretsiz✓ Üyelik yok✓ Tarayıcı içinde
KISA CEVAP
Bu araç ne yapar?
HTML, CSS, JS, görsel ve font kilobaytlarını mobil aktarım bütçesiyle karşılaştırıp öncelikli azaltma planı üretin.
UYGULAMA VE KARAR REHBERİ
Web Performans Bütçesi Planlayıcı: yöntem ve kullanım
Kaynak türü bütçelerini ve mevcut aktarım boyutlarını ayrı alanlarda toplar; toplam sapmayı, en büyük payı, hedefe inmek için gereken azaltmayı ve koruma payını hesaplar. Laboratuvar veya gerçek kullanıcı LCP/INP/CLS ölçümü yapmaz.
HTML, CSS, JavaScript, görsel ve font için mevcut aktarım KB'si; her türün hedef bütçesi, toplam bütçe ve koruma payı Biçimi önce kişisel veri içermeyen küçük bir örnekle doğrulayın.
tür bazında bütçe tablosu, toplam geçiş/kalma durumu, azaltılması gereken KB ve ölçüm planı
Uygulama adımları
- Örneği yükleyin veya anlaşılır alanları kendi senaryonuzla doldurun.
- Denetimi cihazınızda çalıştırın; ölçümleri, uyarıları ve önerilen düzeltmeleri birlikte inceleyin.
- Sonucu gerçek hedef ortamda doğrulayın ve karar kaydına varsayımları ekleyin.
soğuk önbellekli düşük seviye mobil cihazda kritik rotaların sıkıştırılmış aktarımını, ana iş parçacığı süresini ve gerçek LCP/INP/CLS ölçümlerini karşılaştırma
Aktarım bütçesi çalışma zamanı performansını veya Core Web Vitals başarısını tek başına kanıtlamaz. Laboratuvar ve alan verisini, üçüncü taraf maliyetini ve kullanıcı görevini ayrıca ölçün.
Uygun kullanım alanları
- PR boyut kapısı
- Mobil açılış bütçesi
- Üçüncü taraf betik değerlendirmesi
Uygulamalı karar kaydı
Pratik senaryo: PR boyut kapısı. HTML, CSS, JS, görsel ve font kilobaytlarını mobil aktarım bütçesiyle karşılaştırıp öncelikli azaltma planı üretin.
900 KB mobil bütçeye karşı HTML 42, CSS 68, JS 310, görsel 460, font 96 ve diğer 35 KB girin; sonra görsel boyutunu 300 KB azaltıp koruma payını karşılaştırın.
Kabul kaydı: soğuk önbellekli düşük seviye mobil cihazda kritik rotaların sıkıştırılmış aktarımını, ana iş parçacığı süresini ve gerçek LCP/INP/CLS ölçümlerini karşılaştırma. Sonuç kartındaki sayılar ve uyarılar, kaydedilen örnekle birlikte saklanır.
Bu durumda yayınlamayın: Aktarım bütçesi çalışma zamanı performansını veya Core Web Vitals başarısını tek başına kanıtlamaz. Laboratuvar ve alan verisini, üçüncü taraf maliyetini ve kullanıcı görevini ayrıca ölçün.
DERİNLEŞTİRİN
Bu araçla ilgili rehberler
Web Vitals, Yüzdelikler ve Kuyruk Kapasitesiyle Performans Kararı
Tek bir ortalamayı başarı saymak yerine kullanıcı rotası, p75/p95, patlama yükü ve varlık bütçesini aynı sürüm kapısında değerlendirin.
Rehberi oku →Performans Bütçesinden Geri Yükleme Kanıtına Güvenli Sürüm Operasyonu
Hız, bağımlılık, yedek ve değişiklik bilgisini ayrı kontroller olmaktan çıkarıp geri alınabilir bir yayın kararında birleştirin.
Rehberi oku →ARAÇ HAKKINDA
Sık sorulan sorular
Web Performans Bütçesi Planlayıcı hangi girdiyi kabul eder?+
HTML, CSS, JavaScript, görsel ve font için mevcut aktarım KB'si; her türün hedef bütçesi, toplam bütçe ve koruma payı 900 KB mobil bütçeye karşı HTML 42, CSS 68, JS 310, görsel 460, font 96 ve diğer 35 KB girin; sonra görsel boyutunu 300 KB azaltıp koruma payını karşılaştırın.
Web Performans Bütçesi Planlayıcı çıktısında ne görürüm?+
tür bazında bütçe tablosu, toplam geçiş/kalma durumu, azaltılması gereken KB ve ölçüm planı Kabul kaydı: soğuk önbellekli düşük seviye mobil cihazda kritik rotaların sıkıştırılmış aktarımını, ana iş parçacığı süresini ve gerçek LCP/INP/CLS ölçümlerini karşılaştırma. Sonuç kartındaki sayılar ve uyarılar, kaydedilen örnekle birlikte saklanır.
Web Performans Bütçesi Planlayıcı çıktısını nasıl doğrulamalıyım?+
soğuk önbellekli düşük seviye mobil cihazda kritik rotaların sıkıştırılmış aktarımını, ana iş parçacığı süresini ve gerçek LCP/INP/CLS ölçümlerini karşılaştırma Bu durumda yayınlamayın: Aktarım bütçesi çalışma zamanı performansını veya Core Web Vitals başarısını tek başına kanıtlamaz. Laboratuvar ve alan verisini, üçüncü taraf maliyetini ve kullanıcı görevini ayrıca ölçün.
Web Performans Bütçesi Planlayıcı girdiyi bir sunucuya gönderir veya kaydeder mi?+
Araç girdisi etkin sekmede işlenir. İş İstasyonu’na kaydetme veya başka bir araca aktarma ayrı bir seçimdir. Tarayıcı eklentileri ve paylaşılan cihazlar ayrıca değerlendirilmelidir; gizlilik sayfası reklam ve ağ bağlantılarını açıklar.