Junior
Mi az a szerveroldali renderelés (SSR)?
sobes.tech MI
Válasz az MI-től
Szerveroldali renderelés (SSR) az a folyamat, amikor egy weboldal a szerveren generálódik a kliens kérésére. Ahelyett, hogy üres HTML-dokumentumot és JavaScript-csomagot küldenénk a kliensnek későbbi rendereléshez a böngészőben, a szerver egy teljes HTML-dokumentumot hoz létre, amely már tartalmazza a beágyazott tartalmat.
Az SSR előnyei:
- SEO-optimalizálás: A keresőrobotok könnyebben indexelik a tartalmat, mivel kész HTML-t kapnak, nem pedig dinamikusan generált JavaScriptet.
- Első festési idő (FCP): A felhasználó gyorsabban látja a oldal tartalmát, mivel a szerver már kész HTML-t szolgáltat, amit a böngésző azonnal megjeleníthet.
- Teljesítmény gyenge eszközökön: Kevesebb erőforrást igényel az ügyfél eszközétől, mivel a legtöbb oldalgenerálási munka a szerveren történik.
- Fejlesztési könnyítés a közösségi médiában: Megosztáskor a közösségi hálózatok kész tartalmat kapnak előnézethez, nem pedig üres oldalt.
Az SSR hátrányai:
- Növekvő terhelés a szerveren: A szervernek minden oldal renderelési kérését kezelnie kell, ami erőforrás-igényes lehet.
- Interaktivitás csökkenése hidratációig: A HTML megérkezése után a böngészőnek időre van szüksége a "hidratáláshoz" — a JavaScript-logika kötése a már megjelenített DOM-hoz. A hidratáció befejezéséig az oldal részben vagy teljesen nem interaktív lehet.
- Fejlesztési összetettség: Speciális alkalmazási architektúrát és keretrendszereket (pl. Next.js Reacthez, Nuxt.js Vue-hoz, Angular Universal Angularhez) igényel.
Az SSR esetén a kliens kérvényt küld a szervernek, amely feldolgozza azt, generál egy kész HTML-sorozatot tartalommal és szerkezettel, majd visszaküldi azt a kliensnek. A böngésző megjeleníti a kapott HTML-t, majd betölti és végrehajtja a kliens JavaScriptjét az interaktivitás hozzáadásához (hidratációs folyamat).