Apa sing ndadekake bundle JS gedhe, lan kenapa ukurane ngrusak?

Question

IT Interview Practice · Accepted Answer

**Bundle** iku JavaScript sing dipaket lan dikirim menyang browser dening alat build sampeyan. Iki gedhe utamane amarga **dependensi**, **kode sing kembar**, lan **ngirim kode sing durung dibutuhake kaca**.

## Apa sing nggedhekake

- **Library sing abot** — siji library tanggal utawa ikon bisa nambah atusan KB. Ngimpor kabeh `lodash` mung kanggo siji fungsi bakal narik sakabehe.
- **Ngimpor kabeh** tinimbang mung sing sampeyan enggo:

```js
import _ from "lodash";           // ~70KB — the entire library
import debounce from "lodash/debounce"; // ~2KB — just the function you need
```

- **Ora ana code splitting** — kabeh app (saben route, saben modal) di-bundle dadi siji file sing dimuat ing wiwitan.
- **Polyfill lan dependensi kembar** — rong versi paket sing padha di-bundle ping pindho.

## Kenapa ukuran ngrusak

Byte iku masalah cilik; **parsing lan eksekusi** JS iku masalah gedhe. Browser kudu ngundhuh, banjur parse, compile, lan mlakokake saben byte ing main thread — lan iku luwih alon ing hape kelas menengah tinimbang ing laptop. JS sing abot nundha interaktivitas lan langsung ngelekake **INP** lan **LCP**.

## Kenapa iki penting

"Tambahke library wae" iku carane app dadi alon tanpa krasa. Pewawancara kepengin ndeleng sampeyan mikirake *biaya saben dependensi* lan milih impor saben-fungsi, tree shaking, lan code splitting sadurunge bundle mbludhak — apa maneh amarga hape pangguna sampeyan luwih ringkih tinimbang mesin dev sampeyan.

Apa sing nggedhekake

Kenapa ukuran ngrusak

Kenapa iki penting

Pitakon sing gegandhengan