Belanjawan Prestasi

Mengesan bajet bait per jenis sumber untuk halaman web. Setiap baris ialah satu kategori sumber dengan saiz sebenar dan bajet sasaran dalam KB atau MB; alat memaparkan bar kemajuan langsung per baris (hijau / kuning / merah), menggabungkan jumlah saiz dan jumlah bajet dalam MB, dan mengira berapa banyak baris yang melebihi bajetnya. Lima baris lalai dimuatkan lebih awal: HTML, CSS, JavaScript, Images, dan Fonts.

1. Untuk setiap baris, edit Nama sumber (cth. "HTML"), masukkan Saiz yang diukur, pilih unit (KB atau MB), dan tetapkan Bajet dalam unit yang sama. 2. Tonton bar kemajuan di bawah setiap baris mengisi secara berkadar dengan saiz/bajet. 3. Klik Tambah Sumber untuk menambah baris baharu (lalai kepada "New Resource", saiz 0, bajet 100 KB), atau X merah pada baris untuk memadamnya. 4. Baca kad ringkasan di bahagian bawah: Jumlah Saiz (MB), Bajet (MB), dan Status — sama ada "All within budget" atau "N over budget" dalam merah.

Bar setiap baris diwarnakan mengikut nisbah isiannya: - Hijau apabila saiz ≤ bajet (sihat). - Kuning apabila saiz melebihi 80% bajet tetapi belum melebihinya (zon amaran). - Merah apabila saiz > bajet (melebihi bajet). Peratusan isian dihadkan kepada 100 untuk paparan walaupun saiz jauh melebihi bajet. Jumlah dikira dalam KB secara dalaman — baris MB didarab dengan 1024 sebelum dijumlahkan — dan Jumlah Saiz dan Bajet yang dipaparkan dibahagi dengan 1024 dan ditunjukkan dengan satu tempat perpuluhan. Penunjuk Status mengira sebarang baris di mana saiz > bajet, tanpa mengira unit, jadi entri Images 0.4 MB terhadap bajet 500 KB dikira dengan betul sebagai melebihi.