Middle
Milyen típusú oldal renderelési módok léteznek?
sobes.tech MI
Válasz az MI-től
- Aszinkron renderelés (Async Rendering): Az oldal részei (például AJAX-kérésekkel szerzett adatok) fokozatosan töltődnek be és jelennek meg, anélkül, hogy blokkolnák a fő struktúra betöltését.
- Kliensoldali renderelés (Client-Side Rendering, CSR): A böngésző egy minimális HTML-fájlt tölt be, amely egy JavaScript-csomagra mutató hivatkozást tartalmaz. Ez a csomag a böngészőben fut, és dinamikusan építi fel a DOM-ot.
- Szerveroldali renderelés (Server-Side Rendering, SSR): A szerver egy teljes HTML-dokumentumot generál minden meglátogatott oldalhoz, és elküldi a böngészőnek. A böngésző már készen kapja a oldalt.
- Statikus renderelés (Static Rendering / Static Site Generation, SSG): Az oldalak statikus HTML-fájlokként generálódnak a projekt buildje során. Ezek a fájlok később a felhasználónak kerülnek átadásra, biztosítva a nagyon gyors betöltést.
- Izomorf (univerzális) renderelés (Isomorphic / Universal Rendering): JavaScript-kód, amely mind szerver-, mind kliensoldalon futtatható. Ez lehetővé teszi, hogy az oldal először szerveren renderelődjön (gyorsabb első megjelenítés és SEO érdekében), majd átadja az irányítást a kliensnek az interaktivitás érdekében.
| Renderelés típusa | Hol történik | Kezdeti betöltés | SEO | Interaktivitás |
|---|---|---|---|---|
| CSR | Kliens ( böngésző ) | Lassabb, mint az első tartalom | Nehezebb lehet | Magas JS betöltése után |
| SSR | Szerver | Gyorsabb, mint az első tartalom | Jó | JS betöltése után jelenik meg |
| SSG | Projekt build | Nagyon gyors | Kiváló | A statikus betöltés után hozzáadott JS-től függ |
| Izomorf | Szerver és kliens | Gyors első megjelenés | Jó | "Hidratálás" után magas |