Middle
Welche Arten der Seitengestaltung gibt es?
sobes.tech KI
Antwort von AI
- Asynchrones Rendern (Async Rendering): Teile der Seite (z.B. Daten, die über AJAX-Anfragen abgerufen werden) werden nach und nach geladen und angezeigt, ohne die Hauptstruktur zu blockieren.
- Client-seitiges Rendern (Client-Side Rendering, CSR): Der Browser lädt eine minimale HTML-Datei, die einen Link zu einem JavaScript-Bundle enthält. Dieses Bundle wird im Browser ausgeführt und baut das DOM dynamisch auf.
- Server-seitiges Rendern (Server-Side Rendering, SSR): Der Server generiert ein vollständiges HTML-Dokument mit Inhalt für jede besuchte Seite und sendet es an den Browser. Der Browser zeigt die fertige Seite an.
- Statisches Rendern (Static Rendering / Static Site Generation, SSG): Seiten werden während des Build-Prozesses des Projekts als statische HTML-Dateien generiert. Diese Dateien werden dann an den Nutzer ausgeliefert, was eine sehr schnelle Ladezeit gewährleistet.
- Isomorphes (universelles) Rendern (Isomorphic / Universal Rendering): JavaScript-Code, der sowohl auf dem Server als auch im Client ausgeführt werden kann. Dies ermöglicht es, die Seite zuerst auf dem Server zu rendern (zur Beschleunigung der ersten Anzeige und SEO), und dann die Kontrolle an den Client für die Interaktivität zu übergeben.
| Render-Typ | Wo findet es statt | Anfangsladung | SEO | Interaktivität |
|---|---|---|---|---|
| CSR | Client (Browser) | Langsamer als der erste Inhalt | Kann schwieriger sein | Hoch nach JS-Ladung |
| SSR | Server | Schneller als der erste Inhalt | Gut | Nach JS-Ladung erscheint |
| SSG | Projekt-Build | Sehr schnell | Ausgezeichnet | Hängt vom JS ab, das nach statischer Ladung hinzugefügt wird |
| Isomorph | Server und Client | Schnelle erste Anzeige | Gut | Hoch nach "Hydratisierung" |