SSR, okrajšava za " Server-Side Rendering ," je tehnika spletnega razvoja, ki vključuje generiranje vsebine HTML spletne strani na strežniku, preden jo pošlje v brskalnik uporabnika. To je v nasprotju s pristopom "upodabljanja na strani odjemalca"(CSR), kjer brskalnik prenese kodo JavaScript in po prenosu sestavi spletno stran.
Zgradba in princip delovanja SSR
-
Uporabniška zahteva: Ko uporabnik dostopa do spletnega mesta, brskalnik pošlje zahtevo strežniku.
-
Strežniška obdelava: Strežnik prejme zahtevo in jo obdela z izdelavo vsebine HTML spletne strani. To vključuje pridobivanje podatkov iz baz podatkov, ustvarjanje komponent vmesnika in sestavljanje vsebine v celoten dokument HTML.
-
Ustvarjanje celotnega HTML-ja: Po obdelavi strežnik ustvari celoten dokument HTML, ki vsebuje potrebno vsebino, podatke in komponente vmesnika.
-
Pošiljanje v brskalnik: Strežnik pošlje celoten dokument HTML nazaj v brskalnik uporabnika.
-
Upodabljanje strani: brskalnik prejme dokument HTML in ga upodobi za uporabnika. Kodo JavaScript in statične vire(CSS, slike) prav tako naloži in izvede brskalnik.
Prednosti SSR
- Prednosti SEO: iskalniki lahko bolje razumejo in razvrstijo spletna mesta, ko je vsebina vnaprej upodobljena na strežniku.
- Hitrejši prikaz: uporabniki vidijo vsebino hitreje, ker je dokument HTML vnaprej upodobljen.
- Podpora za šibke naprave: vnaprej upodobljena vsebina izboljša izkušnjo za naprave z nižjo zmogljivostjo ali šibkejšimi povezavami.
- Podpora za uporabnike, ki ne uporabljajo JavaScripta: SSR omogoča prikaz osnovne različice za uporabnike, ki ne uporabljajo JavaScripta.
Skratka, SSR optimizira delovanje in možnost iskanja spletnih mest tako, da na strežniku ustvari vsebino HTML, preden jo pošlje v brskalnik. To zagotavlja boljšo uporabniško izkušnjo, izboljša uvrstitev v iskalnikih in izboljša splošno delovanje spletne strani.