Middle
Millised on lehekülje renderimise tüübid?
sobes.tech AI
Vastus AI-lt
- Asünkroonne renderdamine (Async Rendering): Lehe osad (näiteks andmed, mis saadakse AJAX-päringute kaudu) laaditakse ja kuvatakse järk-järgult, mitte takistades põhistruktuuri laadimist.
- Kliendi poole renderdamine (Client-Side Rendering, CSR): Brauser laadib minimaalset HTML-faili, mis sisaldab linki JavaScript-bundle'ile. See bundel täidetakse brauseris ja ehitab DOM-i dünaamiliselt.
- Serveripoolne renderdamine (Server-Side Rendering, SSR): Server genereerib täieliku HTML-dokumendi iga külastatava lehe sisu ning saadab selle brauserile. Brauser kuvab juba valmis lehte.
- Statiline renderdamine (Static Rendering / Static Site Generation, SSG): Lehed genereeritakse staatilisteks HTML-failideks projekti ehitamise ajal. Need failid edastatakse kasutajale, tagades väga kiire laadimise.
- Isomorfne (Universaalne) renderdamine (Isomorphic / Universal Rendering): JavaScripti kood, mis saab täita nii serveris kui ka kliendis. See võimaldab esmalt renderdada lehte serveris (kiirendades esimese kuvamise ja SEO), ning seejärel üle anda juhtimise kliendile interaktiivsuse jaoks.
| Renderdamise tüüp | Kus toimub | Alglaadimine | SEO | Interaktiivsus |
|---|---|---|---|---|
| CSR | Klient (brauser) | Aeglasem kui esimene sisu | Võib olla keerulisem | Kõrge pärast JS laadimist |
| SSR | Server | Kiirem kui esimene sisu | Hea | Ilmub pärast JS laadimist |
| SSG | Projekti ehitus | Väga kiire | Suurepärane | Sõltub JS-st, mida lisatakse pärast staatilist laadimist |
| Isomorfne | Server ja klient | Kiire esimene kuvamine | Hea | Kõrge pärast "hüdratatsiooni" |