Sobes.tech
Junior

Mis on serveripoolne renderdamine (SSR)?

sobes.tech AI

Vastus AI-lt

Serveripõhine renderdamine (SSR) on protsess, kus veebileht genereeritakse serveris vastusena kliendi päringule. Selle asemel, et saata kliendile tühi HTML-dokument ja JavaScript-pakett hilisemaks renderdamiseks brauseris, loob server täisväärtusliku HTML-dokumendi koos juba sisestatud sisuga.

SSR eelised:

  • SEO optimeerimine: Otsingurobotid indekseerivad sisu kergemini, kuna neile esitatakse valmis HTML, mitte dünaamiliselt genereeritud JavaScript.
  • Esimese renderdamise aeg (FCP): Kasutaja näeb lehe sisu kiiremini, kuna server on juba esitanud valmis HTML-i, mida brauser saab kohe kuvada.
  • Jõudluse parandamine nõrkadel seadmetel: Vähem ressursse nõudev kliendi seade, kuna peamine lehe genereerimise töö on tehtud serveris.
  • Paranenud sotsiaalmeedia jagamine: Sotsiaalmeedia platvormid saavad jagamisel valmis sisu, mitte tühja lehe.

SSR puudused:

  • Serveri koormuse suurenemine: Server peab töötlema iga lehe renderdamise päringut, mis võib olla ressursimahukas.
  • Interaktiivsuse langus kuni hüdreerimiseni: Pärast HTML-dokumendi saamist vajab brauser aega "hüdreerimiseks" — JavaScripti loogika sidumiseks juba kuvatud DOM-iga. Hüdreerimise lõpuni võib leht olla osaliselt või täielikult mitteinteraktiivne.
  • Arenduskompleksus: Nõuab teatud arhitektuuri ja spetsiaalseid raamistikke (näiteks React Next.js, Vue Nuxt.js, Angular Angular Universal).

SSR-i kasutades saadab klient serverile päringu, server töötleb selle, genereerib valmis sisu ja struktuuriga HTML-rida ning saadab selle tagasi kliendile. Brauser kuvab saadud HTML-i ning seejärel laadib ja täidab kliendi JavaScripti, et lisada interaktiivsus (hüdreerimine).