
Server-side rendering (SSR)
Server-side rendering je tehnika kojom se web stranice generiraju na poslužitelju za svaki zahtjev, dostavljajući pregledniku potpuno formiran HTML radi bržeg početnog učitavanja stranica i boljeg SEO-a.
Server-side rendering (SSR) je metoda renderiranja web stranica gdje poslužitelj generira kompletan HTML sadržaj stranice prije slanja korisnikovom pregledniku. Kada korisnik zatraži stranicu, poslužitelj obrađuje zahtjev, dohvaća potrebne podatke, renderira stranicu u HTML i šalje gotov rezultat.
S SSR-om preglednik prima sadržaj spreman za prikaz, što znači da korisnik vidi smisleni sadržaj brže, čak i prije nego što JavaScript završi s učitavanjem. Moderni SSR okviri poput Next.js, Nuxt.js i Remixa učinili su SSR mnogo pristupačnijim. Oni kombiniraju prednosti SSR-a (brzo početno učitavanje, prijateljski prema SEO-u) s interaktivnošću klijentskog JavaScripta.
U praksi
- E-commerce web mjesto migrirano s React aplikacije renderirane na klijentu na Next.js sa SSR-om vidjelo je 30% poboljšanje organskog prometa jer je Google sada mogao pravilno indeksirati sve stranice proizvoda
- Web stranica vijesti koja koristi SSR objavljuje članke za manje od 1 sekunde, čak i na mobilnim vezama, jer HTML stiže potpuno formiran s poslužitelja
- Platforma za nekretnine prešla je na SSR i vidjela poboljšanje svojih Core Web Vitals ocjena u cjelini, posebno Largest Contentful Paint (LCP) koji je pao s 4,5 s na 1,8 s
- SaaS web mjesto za marketing koje koristi SSR učitava se trenutačno za korisnike, a istovremeno pruža dinamičan, personaliziran sadržaj putem dohvaćanja podataka na poslužitelju
Više o: Izrada web stranica
- Responzivni dizajn
- Progressivna web aplikacija (PWA)
- Jednostranična aplikacija (SPA)
- Server-side rendering (SSR)
- Generiranje statičkih stranica (SSG)
- API (sučelje programiranja aplikacija)
- CMS (Sustav za upravljanje sadržajem)
- Headless CMS
- Verzioniranje koda
- CI/CD (Neprekidna integracija / Neprekidna isporuka)
- JavaScript okvir
- TypeScript
Niste sigurni kako se ovo odnosi na vas?
Senior inženjer pregledava vašu web stranicu, vašu prisutnost u pretraživanju i način na koji upiti dolaze do vas, a zatim bilježi tri stvari vrijedne popravka prvo. Dokument zadržavate u svakom slučaju.