SSR, skraćenica za " Server-Side Rendering ," tehnika je web razvoja koja uključuje generiranje HTML sadržaja web stranice na poslužitelju prije slanja u korisnički preglednik. Ovo je u suprotnosti s pristupom "Prikaz na strani klijenta"(CSR), gdje preglednik preuzima JavaScript kod i konstruira web stranicu nakon preuzimanja.
Struktura i princip rada SSR-a
-
Zahtjev korisnika: Kada korisnik pristupi web stranici, preglednik šalje zahtjev poslužitelju.
-
Obrada poslužitelja: poslužitelj prima zahtjev i obrađuje ga izgradnjom HTML sadržaja web stranice. To uključuje dohvaćanje podataka iz baza podataka, stvaranje komponenti sučelja i sastavljanje sadržaja u potpuni HTML dokument.
-
Stvaranje kompletnog HTML-a: Nakon obrade, poslužitelj stvara kompletan HTML dokument koji sadrži potrebne sadržaje, podatke i komponente sučelja.
-
Slanje u preglednik: Poslužitelj šalje cijeli HTML dokument natrag u korisnički preglednik.
-
Prikaz stranice: preglednik prima HTML dokument i prikazuje ga za korisnika. JavaScript kod i statičke resurse(CSS, slike) također učitava i izvršava preglednik.
Prednosti SSR-a
- SEO prednosti: tražilice mogu bolje razumjeti i rangirati web stranice kada je sadržaj unaprijed prikazan na poslužitelju.
- Brži prikaz: Korisnici vide sadržaj brže jer je HTML dokument unaprijed renderiran.
- Podrška za slabe uređaje: unaprijed prikazani sadržaj poboljšava iskustvo za uređaje s nižim performansama ili slabijim vezama.
- Podrška za korisnike koji ne koriste JavaScript: SSR omogućuje prikaz osnovne verzije za korisnike koji ne koriste JavaScript.
Zaključno, SSR optimizira izvedbu i mogućnost pretraživanja web-mjesta generiranjem HTML sadržaja na poslužitelju prije slanja u preglednik. Ovo pruža bolje korisničko iskustvo, poboljšava rangiranje u tražilicama i poboljšava ukupnu izvedbu web stranice.