Mikä on Palvelinpuolen renderöinti
Palvelinpuolen renderöinti
SSR (Server-Side Rendering) on tekniikka verkkosivujen renderöimiseksi palvelimella ennen niiden lähettämistä asiakkaalle, mikä varmistaa nopean latauksen ja SEO-optimoinnin.
Miten se toimii
- Palvelin vastaanottaa pyynnön selaimelta
- Luo täydellisen HTML-sivun
- Lähettää valmiin HTML:n asiakkaalle
- Selain näyttää sisällön välittömästi
- JavaScript "hydroi" sivun vuorovaikutteisuutta varten
Edut
- Nopea ensimmäinen sisällön piirto (FCP)
- Erinomainen SEO-optimointi
- Toimii ilman JavaScriptiä
- Paremmat sosiaalisen median metatiedot
- Parempi hitaille laitteille
Haitat
- Palvelinkuorma
- Aika vuorovaikutteisuuteen (TTI)
- Välimuistin monimutkaisuus
- Korkeammat infrastruktuurikustannukset
Vertailu CSR:ään
- SSR: HTML luodaan palvelimella
- CSR: HTML luodaan selaimessa
- SSG: HTML luodaan rakennusvaiheessa
SSR-tuetut kehykset
- Next.js (React)
- Nuxt.js (Vue)
- SvelteKit (Svelte)
- Angular Universal
- Remix
Milloin käyttää
- Sisältösivustot ja blogit
- Verkkokauppa
- Uutisportaalit
- SEO-kriittiset verkkosivut