Prestandabudget

Spårar bytebudgeter per resurstyp för en webbsida. Varje rad är en resurskategori med en faktisk storlek och en målbudget i KB eller MB; verktyget renderar en live förloppsindikator per rad (grön / gul / röd), sammanställer total storlek och total budget i MB och räknar hur många rader som överskridit sin budget. Fem standardrader levereras förifyllda: HTML, CSS, JavaScript, Bilder och Typsnitt.

1. För varje rad, redigera resursens Namn (t.ex. "HTML"), ange den uppmätta Storleken, välj en enhet (KB eller MB) och ange Budgeten i samma enhet. 2. Titta på förloppsindikatorn under varje rad som fylls proportionellt mot storlek/budget. 3. Klicka Lägg till resurs för att lägga till en ny rad (standard "Ny resurs", storlek 0, budget 100 KB) eller rött X på en rad för att ta bort den. 4. Läs sammanfattningskortet längst ner: Total storlek (MB), Budget (MB) och Status — antingen "Alla inom budget" eller "N över budget" i rött.

Varje rads indikator färgas efter dess fyllnadsförhållande: - Grön när storlek ≤ budget (frisk). - Gul när storlek är över 80% av budget men ännu inte överskrider den (varningszon). - Röd när storlek > budget (över budget). Fyllnadsprocenten begränsas till 100 för visning även när storleken långt överskrider budgeten. Totaler beräknas internt i KB — MB-rader multipliceras med 1024 innan summering — och den visade totala storleken och budgeten delas med 1024 och visas med en decimal. Statusindikatorn räknar alla rader där storlek > budget, oavsett enhet, så en Images-post på 0,4 MB mot en budget på 500 KB räknas korrekt som över.