Latihan 1 dari materi Performance Budget di Performance — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Lengkapi function checkBudget(assets, budget) yang mengecek apakah asset sebuah halaman masih di dalam performance budget.
assets: array berisi { name, sizeKB, type }, dengan type salah satu dari "js", "css", "image", atau "font".budget: { maxTotalJS, maxTotalCSS, maxTotalImage, maxSingleAsset }, semuanya dalam KB.sizeKB per type: total JS, total CSS, dan total image. Font gak punya batas total.>) batasnya jadi satu kalimat, berurutan JS, CSS, lalu Image:
JS total <total>KB exceeds <batas>KB limitCSS total <total>KB exceeds <batas>KB limitImage total <total>KB exceeds <batas>KB limitsizeKB-nya lebih dari maxSingleAsset jadi kalimat <name> (<sizeKB>KB) exceeds <batas>KB single asset limit, sesuai urutan di array.{ passed, violations }: violations adalah array berisi kalimat-kalimat itu, dan passed bernilai true kalau array-nya kosong.Contoh dengan budget di kode awal:
checkBudget([{ name: "app.js", sizeKB: 100, type: "js" }], budget) harus { passed: true, violations: [] }.chart.js 350 KB bertipe "js" menghasilkan { passed: false, violations: ["JS total 350KB exceeds 300KB limit", "chart.js (350KB) exceeds 300KB single asset limit"] }.Tulis kalimatnya persis: KB nempel ke angka tanpa spasi, dan urutannya total dulu baru per asset. Ada cek tersembunyi untuk satu file JS yang terlalu besar. Data dan console.log di kode awal biarkan saja.
