Cad a fhágann go bhfásann JS bundle, agus cén fáth a ndéanann méid dochar?

Question

IT Interview Practice · Accepted Answer

Is é **bundle** an JavaScript a phacáilann d'uirlis tógála agus a sheolann sé chuig an mbrabhsálaí. Fásann sé den chuid is mó ó **spleáchais**, **cód dúblaithe**, agus **cód a sheoladh nach bhfuil ag teastáil ón leathanach fós**.

## Cad a bholgann é

- **Leabharlanna troma** — is féidir le leabharlann dáta nó deilbhíní amháin na céadta KB a chur leis. Nuair a iompórtáiltear `lodash` ar fad d'aon fheidhm amháin, tarraingítear an rud iomlán isteach.
- **Gach rud a iompórtáil** in ionad an méid a úsáideann tú:

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

- **Gan code splitting** — cuachtar an aip iomlán (gach route, gach modal) in aon chomhad amháin a lódáiltear chun tosaigh.
- **Polyfills agus spleáchais dhúblaithe** — dhá leagan den phacáiste céanna cuachta faoi dhó.

## Cén fáth a ndéanann méid dochar

Is iad na bearta an fhadhb bheag; is é **parsáil agus rith** JS an ceann mór. Caithfidh an brabhsálaí gach beart a íoslódáil, ansin a pharsáil, a thiomsú, agus a rith ar an bpríomhshnáithe — agus tá sé sin i bhfad níos moille ar fhón meánraoin ná ar ríomhaire glúine. Cuireann JS trom moill ar idirghníomhaíocht agus déanann sé **INP** agus **LCP** níos measa go díreach.

## Cén fáth a bhfuil sé tábhachtach

Is é "Níl ann ach an leabharlann a chur leis" an chaoi a n-éiríonn aipeanna mall go ciúin. Ba mhaith le hagallóirí a fheiceáil go smaoiníonn tú ar *chostas in aghaidh an spleáchais* agus go dtéann tú i muinín iompórtálacha in aghaidh na feidhme, tree shaking, agus code splitting sula mbalúnann an bundle — go háirithe ós rud é go bhfuil fóin d'úsáideoirí i bhfad níos laige ná do mheaisín forbartha.

Cad a bholgann é

Cén fáth a ndéanann méid dochar

Cén fáth a bhfuil sé tábhachtach

Ceisteanna gaolmhara