Hva får en JS-bundle til å vokse, og hvorfor gjør størrelsen vondt?

Question

IT Interview Practice · Accepted Answer

En **bundle** er JavaScript-en byggverktøyet ditt pakker og sender til nettleseren. Den vokser hovedsakelig av **avhengigheter**, **duplisert kode**, og **å sende kode siden ikke trenger ennå**.

## Hva som blåser den opp

- **Tunge biblioteker** — ett dato- eller ikonbibliotek kan legge til hundrevis av KB. Å importere hele `lodash` for én funksjon drar inn det hele.
- **Å importere alt** i stedet for det du bruker:

```js
import _ from "lodash";           // ~70KB — hele biblioteket
import debounce from "lodash/debounce"; // ~2KB — bare funksjonen du trenger
```

- **Ingen code splitting** — hele appen (hver route, hver modal) bundles inn i én fil som lastes i starten.
- **Polyfills og dupliserte avhengigheter** — to versjoner av samme pakke bundlet to ganger.

## Hvorfor størrelsen gjør vondt

Bytes er det lille problemet; **parsing og eksekvering** av JS er det store. Nettleseren må laste ned, deretter parse, kompilere og kjøre hver eneste byte på hovedtråden — og det er mye tregere på en mellomklasse-telefon enn på en laptop. Tung JS forsinker interaktivitet og forverrer direkte **INP** og **LCP**.

## Hvorfor det er viktig

"Bare legg til biblioteket" er slik apper stille blir trege. Intervjuere vil se at du tenker på *kostnad per avhengighet* og griper til per-funksjon-importer, tree shaking og code splitting før bundelen svulmer opp — spesielt siden brukernes telefoner er langt svakere enn utviklingsmaskinen din.

Hva som blåser den opp

Hvorfor størrelsen gjør vondt

Hvorfor det er viktig

Relaterte spørsmål