CSR (Client-Side Rendering), im Tech-Kontext.
CSR baut die Seite erst im Browser aus JavaScript zusammen. Der Server liefert nur eine leere Hülle. Bequem im Betrieb, riskant für Crawler und LCP.
Client-Side Rendering bedeutet, dass der Server nur ein minimales HTML-Gerüst plus ein JavaScript-Bundle ausliefert und der Browser die eigentliche Seite erst danach aufbaut. Typisch für Single-Page-Apps mit React, Vue oder Angular. Sinnvoll bei eingeloggten Oberflächen, Dashboards und internen Werkzeugen, wo Suchmaschinen keine Rolle spielen. Riskant bei Marketing-Seiten: Crawler und KI-Bots sehen im ersten Durchgang leeres Markup, der Largest Contentful Paint hängt komplett am JavaScript, und schwache Endgeräte brauchen spürbar länger bis zum ersten Inhalt. Prüfen lässt sich das in Sekunden: Quelltext der Seite abrufen und nachsehen, ob die Überschrift dort steht oder nur ein leeres Container-Element.
Beispiele aus dem Mittelstand
- Ein Kundenportal hinter dem Login rendert clientseitig, weil dort ohnehin kein Crawler hinkommt und jede Ansicht nutzerspezifisch ist.
- Eine Kanzlei-Website lief als reine React-App, stand monatelang mit leerem Quelltext im Index und wurde erst nach dem Umbau auf Prerendering gefunden.
<!-- Das sieht ein Crawler beim ersten Abruf einer rein clientseitigen Seite -->
<div id="root"></div>
<script type="module" src="/assets/index-9f2c.js"></script># Zeigt, ob im ausgelieferten HTML überhaupt eine Überschrift steht
curl -s https://beispiel.de/ | grep -c "<h1"Folge-Fragen
Sehen Suchmaschinen eine clientseitig gerenderte Seite überhaupt?
Google rendert JavaScript nach, aber in einem zweiten, verzögerten Durchgang. Viele KI-Crawler und Social-Preview-Bots tun das gar nicht.
Wie erkenne ich, ob meine Seite clientseitig rendert?
Im Browser Quelltext anzeigen lassen, nicht die Entwicklerwerkzeuge. Steht dort nur ein leeres div, rendert die Seite im Browser.
Muss ich deshalb alles neu bauen?
Nein. Prerendering beim Build erzeugt aus derselben App fertiges HTML pro Route, ohne die Anwendung umzuschreiben.
Wann ist CSR die richtige Wahl?
Bei Anwendungen hinter dem Login mit vielen Zustandswechseln. Dort zahlt sich die schnelle Navigation ohne neuen Seitenaufbau aus.
CSR (Client-Side Rendering) in der Praxis.
Wo dieser Begriff in deinem Geschäft konkret wird, beginnt die Arbeit. Wir nennen klar, ob die Idee in unser Studio passt.
SEO-Performance