Performans Bütçesi

Bir web sayfası için kaynak türü başına bayt bütçelerini takip eder. Her satır bir kaynak kategorisidir, gerçek bir boyut ve KB veya MB cinsinden hedef bir bütçe ile; araç her satır için canlı bir ilerleme çubuğu oluşturur (yeşil / sarı / kırmızı), toplam boyutu ve toplam bütçeyi MB olarak toplar ve kaç satırın bütçesini aştığını sayar. Beş varsayılan satır önceden doldurulmuş gelir: HTML, CSS, JavaScript, Görüntüler ve Yazı Tipleri.

1. Her satır için Kaynak Adını düzenleyin (örneğin "HTML"), ölçülen Boyutu girin, bir birim seçin (KB veya MB) ve Bütçeyi aynı birimde ayarlayın. 2. Her satırın altındaki ilerleme çubuğunun boyut/bütçe ile orantılı olarak dolduğunu izleyin. 3. Yeni bir satır eklemek için Kaynak Ekle'ye tıklayın (varsayılan olarak "Yeni Kaynak", boyut 0, bütçe 100 KB), veya silmek için bir satırın kırmızı X'ine tıklayın. 4. Alt taraftaki özet kartını okuyun: Toplam Boyut (MB), Bütçe (MB) ve Durum — ya "Tümü bütçe içinde" veya kırmızı ile "N bütçe üzerinde".

Her satırın çubuğu doluluk oranına göre renklendirilir: - Yeşil boyut ≤ bütçe (sağlıklı). - Sarı boyut bütçenin %80'i üzerinde ancak henüz aşmadığında (uyarı bölgesi). - Kırmızı boyut > bütçe (bütçe üzerinde). Doluluk yüzdesi, boyut bütçeyi çok aştığında bile görüntü için %100 ile sınırlanır. Toplamlar dahili olarak KB olarak hesaplanır — MB satırları toplamadan önce 1024 ile çarpılır — ve görüntülenen Toplam Boyut ve Bütçe 1024'e bölünür ve bir ondalık basamakla gösterilir. Durum göstergesi, birimden bağımsız olarak boyut > bütçe olan herhangi bir satırı sayar, böylece 500 KB bütçeye karşı 0.4 MB Görüntüler girişi doğru şekilde bütçe üzerinde sayılır.