Suorituskykybudjetti

Seuraa per-resurssityyppi tavubudjetteja verkkosivulle. Jokainen rivi on yksi resurssikategoria todellisella koolla ja tavoitebudjetilla KB tai MB; työkalu renderöi live edistymispalkin per rivi (vihreä / keltainen / punainen), koostaa kokonaiskoon ja kokonaisbudjetin MB:ssa ja laskee kuinka monta rivia on ylittänyt budjettinsa. Viisi oletusriviä tulee esitäytettynä: HTML, CSS, JavaScript, Kuvat ja Fontit.

1. Jokaiselle riville, muokkaa resurssinimeä (esim. "HTML"), syötä mitattu koko, valitse yksikkö (KB tai MB) ja aseta budjetti samassa yksikössä. 2. Katso edistymispalkin kunkin rivin alla täyttyvät suhteessa koko/budjetti. 3. Napsauta Lisää resurssi lisätäksesi uuden rivin (oletuksena "Uusi resurssi", koko 0, budjetti 100 KB), tai punaista X:ää rivillä poistaaksesi sen. 4. Lue yhteenvetokortti alhaalla: Kokonaiskoko (MB), Budjetti (MB) ja Tila — joko "Kaikki budjetissa" tai "N yli budjetin" punaisella.

Jokaisen rivin palkki on väritetty täyttösuhteensa mukaan: - Vihreä kun koko ≤ budjetti (terve). - Keltainen kun koko on yli 80% budjetista mutta ei vielä ylittävää sitä (varausalue). - Punainen kun koko > budjetti (ylittäen budjetti). Täyttöprosentti on rajoitettu 100:een näytössä vaikka koko olisi paljon budjetin yli. Yhteenlaskut lasketaan KB:ssa sisäisesti — MB-rivit kerrotaan 1024:llä ennen laskemista — ja näytetty Kokonaiskoko ja Budjetti jaetaan 1024:llä ja näytetään yhdellä desimaalilla. Tilaindikaattori laskee minkä tahansa rivin jossa koko > budjetti, riippumatta yksiköstä, joten 0.4 MB Kuvat merkintä 500 KB budjettia vastaan lasketaan oikein yli.