Što čini da JS bundle raste i zašto veličina šteti?

Question

IT Interview Practice · Accepted Answer

**Bundle** je JavaScript koji vaš build alat pakira i šalje pregledniku. Raste uglavnom iz **ovisnosti**, **dupliciranog koda** i **slanja koda koji stranici još ne treba**.

## Što ga napuhuje

- **Teške biblioteke** — jedna biblioteka za datume ili ikone može dodati stotine KB. Uvoženje cijelog `lodash` za jednu funkciju povlači cijelu stvar.
- **Uvoženje svega** umjesto onoga što koristite:

```js
import _ from "lodash";           // ~70KB — cijela biblioteka
import debounce from "lodash/debounce"; // ~2KB — samo funkcija koju trebate
```

- **Bez code splittinga** — cijela aplikacija (svaka ruta, svaki modal) spakirana je u jednu datoteku učitanu unaprijed.
- **Polyfillovi i duplicirane ovisnosti** — dvije verzije istog paketa spakirane dvaput.

## Zašto veličina šteti

Bajtovi su mali problem; **parsiranje i izvršavanje** JS-a je veliki. Preglednik mora preuzeti, zatim parsirati, prevesti i pokrenuti svaki bajt na glavnoj dretvi — a to je puno sporije na srednjoklasnom telefonu nego na laptopu. Težak JS odgađa interaktivnost i izravno pogoršava **INP** i **LCP**.

## Zašto je to važno

"Samo dodaj biblioteku" način je na koji aplikacije tiho postaju spore. Ispitivači žele vidjeti da razmišljate o *trošku po ovisnosti* i posežete za importima po funkciji, tree shakingom i code splittingom prije nego bundle nabubri — posebno jer su telefoni vaših korisnika daleko slabiji od vašeg razvojnog stroja.

Što ga napuhuje

Zašto veličina šteti

Zašto je to važno

Povezana pitanja