Latihan 1: Mengukur Performance — Performance

Latihan 1 dari materi Mengukur Performance di Performance — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.

Lengkapi function analyzeTimings(timings). timings adalah array berisi object { name, duration, transferSize }: nama file, lama download dalam milidetik, dan ukuran yang lewat jaringan dalam byte.

Kembalikan satu object dengan empat key, persis dalam urutan ini:

totalDuration: jumlah semua duration.
slowestResource: name dari item yang duration-nya paling besar.
totalTransferKB: jumlah semua transferSize dibagi 1024, lalu dibulatkan ke bawah dengan Math.floor.
count: banyaknya item di array.

Untuk data di kode awal, hasilnya harus { totalDuration: 540, slowestResource: "app.js", totalTransferKB: 120, count: 3 }. Urutan key ikut dicek, karena hasilnya dibandingkan sebagai teks JSON. Ada juga cek tersembunyi dengan array yang isinya cuma satu item, dan satu yang transferSize-nya 1800 byte: 1800 / 1024 = 1,76, jadi totalTransferKB harus 1, bukan 2. data dan console.log di kode awal biarkan saja.

Hint

Kamu butuh tiga hal dari array: jumlah semua duration, jumlah semua transferSize, dan item dengan duration terbesar. Satu loop cukup untuk ketiganya.
Mulai dengan totalDuration = 0, totalBytes = 0, dan slowest = timings[0]. Di tiap putaran, tambahkan duration dan transferSize, dan ganti slowest kalau duration item itu lebih besar. Setelah loop, return object dengan empat key berurutan.
return { totalDuration, slowestResource: slowest.name, totalTransferKB: Math.floor(totalBytes / 1024), count: timings.length };

</> { } .css => #id fn()

Versi baru

HyperSheets

bagian dari BelajarWeb.dev

Membuka gerbang…

Latihan 1: Mengukur Performance — Performance

Hint

Memperbarui Aplikasi