CSR vs SSR vs SSG vs streaming: na hidirbhabhtálacha feidhmíochta?

Question

IT Interview Practice · Accepted Answer

Cinneann an straitéis rindreála *cá háit agus cathain* a thógtar HTML, rud a thiomáineann na méadrachtaí lódála. Níl aon cheann is fearr uilíoch — meaitseáil é le cé chomh dinimiciúil agus pearsantaithe atá an t-inneachar.

## Na straitéisí

```text
CSR      Server sends near-empty HTML + JS ──▶ browser fetches data ──▶ renders   (slow first paint)
SSR      Server renders full HTML per request ──▶ browser shows it ──▶ hydrates   (fresh, TTFB cost)
SSG      HTML built ONCE at deploy ──▶ served from CDN ──▶ hydrates               (fastest, static)
Stream   Server flushes HTML in chunks as ready ──▶ shell first, data fills in    (fast TTFB + fresh)
```

- **CSR (taobh an chliaint)** — seol blaosc fholamh + JS; faigheann an brabhsálaí sonraí agus rindreálann sé. Saor le hóstáil, ach LCP agus SEO lag toisc go bhfanann inneachar ar JS.
- **SSR (taobh an fhreastalaí)** — rindreáil HTML iomlán in aghaidh an iarratais. Chéad phéint thapa, SEO-chairdiúil agus úr i gcónaí, ach cuireann sé TTFB leis (obair fhreastalaí in aghaidh an iarratais) agus teastaíonn hidráitiú fós.
- **SSG (statach)** — rindreáil ag am tógála, freastail ó CDN. An TTFB/LCP is fearr, ach níl inneachar ach chomh húr le do thógáil dheireanach; cuireann **ISR** atógálacha tréimhsiúla/ar éileamh leis.
- **Streaming SSR** — sruthlaigh an bhlaosc HTML láithreach agus sruthaigh na codanna is moille (React Suspense / `renderToPipeableStream`) ionas go bhfeiceann úsáideoirí inneachar fad is a lódálann sonraí.

## Roghnú

| Inneachar | Oiriúint is fearr |
|---------|----------|
| Margaíocht, doiciméid, blag | SSG (+ ISR) |
| Pearsantaithe, in aghaidh an iarratais | SSR / streaming |
| Aip an-idirghníomhach taobh thiar de auth | CSR nó SSR + islands |

## Costas an hidráitithe (guais roinnte)

Péinteálann SSR/SSG go tapa ach níl an leathanach idirghníomhach go dtí go ndéanann JS **hidráitiú** — bearna ina bhfulaingíonn INP. Tá hidráitiú páirteach/forchéimnitheach agus React Server Components ann chun níos lú JS cliaint a sheoladh agus an bhearna sin a laghdú.

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

Táthar ag súil go réasúnóidh sinsir faoin idirbhabhtáil seo in aghaidh gach dromchla, ní ceann a phiocadh go dogmatach. Is é an léargas géar: ní chiallaíonn péint thapa (SSR/SSG) idirghníomhaíocht thapa — is é an hidráitiú an cháin fholaithe, agus is iad streaming + server components an freagra nua-aimseartha chun an dá cheann a fháil.

Inneachar	Oiriúint is fearr
Margaíocht, doiciméid, blag	SSG (+ ISR)
Pearsantaithe, in aghaidh an iarratais	SSR / streaming
Aip an-idirghníomhach taobh thiar de auth	CSR nó SSR + islands

Na straitéisí

Roghnú

Costas an hidráitithe (guais roinnte)

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

Ceisteanna gaolmhara