SSR, lyhenne sanoista " Server-Side Rendering ," on verkkokehitystekniikka, joka sisältää web-sivun HTML-sisällön luomisen palvelimella ennen sen lähettämistä käyttäjän selaimeen. Tämä eroaa CSR(Client-Side Rendering) -lähestymistavasta, jossa selain lataa JavaScript-koodin ja rakentaa verkkosivun lataamisen jälkeen.
SSR:n rakenne ja toimintaperiaate
-
Käyttäjän pyyntö: Kun käyttäjä siirtyy verkkosivustolle, selain lähettää pyynnön palvelimelle.
-
Palvelimen käsittely: Palvelin vastaanottaa pyynnön ja käsittelee sen rakentamalla verkkosivun HTML-sisällön. Tämä sisältää tietojen hakemisen tietokannoista, käyttöliittymäkomponenttien luomisen ja sisällön kokoamisen täydelliseksi HTML-dokumentiksi.
-
Täydellisen HTML:n luominen: Käsittelyn jälkeen palvelin luo täydellisen HTML-dokumentin, joka sisältää tarvittavan sisällön, tiedot ja käyttöliittymäkomponentit.
-
Lähetys selaimeen: Palvelin lähettää täydellisen HTML-asiakirjan takaisin käyttäjän selaimeen.
-
Sivun renderöiminen: Selain vastaanottaa HTML-dokumentin ja hahmontaa sen käyttäjälle. Selain lataa ja suorittaa myös JavaScript-koodin ja staattiset resurssit(CSS, kuvat).
SSR:n edut
- Hakukoneoptimoinnin edut: Hakukoneet voivat ymmärtää ja sijoitella verkkosivustoja paremmin, kun sisältö on esirenderöity palvelimella.
- Nopeampi näyttö: Käyttäjät näkevät sisällön nopeammin, koska HTML-dokumentti on esirenderöity.
- Tuki heikkoille laitteille: Valmiiksi renderöity sisältö parantaa käyttökokemusta laitteissa, joissa on heikompi suorituskyky tai heikommat yhteydet.
- Tuki ei-JavaScript-käyttäjille: SSR mahdollistaa perusversion näyttämisen käyttäjille, jotka eivät käytä JavaScriptiä.
Yhteenvetona voidaan todeta, että SSR optimoi verkkosivujen suorituskyvyn ja haettavuuden luomalla HTML-sisältöä palvelimelle ennen sen lähettämistä selaimeen. Tämä tarjoaa paremman käyttökokemuksen, parantaa sijoituksia hakukoneissa ja parantaa verkkosivuston yleistä suorituskykyä.