Client-Side Rendering (CSR; clientseitiges Rendern)

Client-Side Rendering: wenn der Inhalt erst im Browser entsteht

Client-Side Rendering (CSR) bezeichnet den Ansatz, bei dem eine Anwendung erst im Browser des Nutzers per JavaScript aufgebaut wird. Der Server liefert zunächst nur ein minimales HTML-Gerüst; die eigentlichen Inhalte entstehen anschließend clientseitig, indem JavaScript das Dokument (DOM) zusammensetzt.

Als eine der Rendering-Strategien im JavaScript-SEO gehört CSR zum technischen SEO. Für die Auffindbarkeit ist rein clientseitiges Rendern das riskantere Modell. Der Grund liegt darin, wann und wo der Inhalt entsteht.

Warum CSR für SEO heikel ist

Bei CSR liegt der Inhalt erst nach der Ausführung des JavaScripts vor. Für die Suchmaschine bedeutet das einen zusätzlichen Schritt: Sie muss die Seite erst rendern, bevor sie den Inhalt sieht, und dieses Rendering geschieht zeitversetzt über eine Warteschlange, sobald die Ressourcen es erlauben. Was rein clientseitig entsteht, hängt also an diesem nachgelagerten Rendering, statt sofort im ausgelieferten HTML zu stehen.

Dazu kommt die Performance-Seite. Mit der Anwendung wächst die Menge des benötigten JavaScripts, was die Interaktivität und damit den Messwert Interaction to Next Paint belasten kann — auf mobilen Geräten besonders spürbar. Für Suchmaschinen entsteht zusätzlicher Test- und Rendering-Aufwand. Wie sich das auf die Ladeleistung auswirkt, zeigen die Core Web Vitals.

Was eine CSR-Anwendung auffindbar macht

Rein clientseitig gerenderte Inhalte, die ranken sollen, gehören auf ein tragfähigeres Fundament. Google empfiehlt, Server-Side Rendering oder statisches Rendering einem vollständigen Nachladen per Hydration vorzuziehen; das frühere Dynamic Rendering gilt nur noch als überholter Workaround. Für SEO-relevante Inhalte ist deshalb sicherzustellen, dass sie im server-seitig ausgelieferten HTML stehen. Wie das gelingt, behandelt das Server-Side Rendering.

Unabhängig von der gewählten Strategie gilt: nicht annehmen, sondern prüfen. Im URL-Prüf-Tool der Google Search Console lässt sich das gerenderte DOM einsehen — und damit kontrollieren, was die Suchmaschine nach der JavaScript-Ausführung tatsächlich vorfindet.

Häufige Fragen zum Client-Side Rendering

Kann die Suchmaschine eine rein clientseitig gerenderte Single-Page-App indexieren?

Grundsätzlich ja, denn moderne Suchmaschinen führen JavaScript aus. Der Inhalt liegt aber erst nach dem Rendering vor, das zeitversetzt über eine Warteschlange erfolgt. Verlässlich ist nur, was im gerenderten HTML sichtbar ist — weshalb rein clientseitige Inhalte fehleranfälliger sind.

Wie mache ich eine CSR-App trotzdem auffindbar?

Indem SEO-relevante Inhalte server-seitig oder statisch gerendert ausgeliefert werden und das gerenderte Ergebnis im URL-Prüf-Tool gegengeprüft wird. Reine Interaktions-Elemente ohne Ranking-Relevanz dürfen dagegen unkritisch clientseitig entstehen.

Unterstützung bei Rendering und Auffindbarkeit

Muss eine URL ranken, gehört ihr Inhalt nicht in reines Client-Side Rendering, sondern in server-seitig gerendertes HTML. Das ist die Faustregel — die Kunst liegt darin, Interaktivität und Auffindbarkeit nicht gegeneinander auszuspielen. mindtwo prüft bei Web-Anwendungen, was die Suchmaschine nach dem Rendering wirklich sieht, und wählt die passende Strategie. Angebot anfragen, wenn Ihre Anwendung interaktiv und zugleich auffindbar sein soll.

Weiterführende Themen zum Client-Side Rendering

• Der Gegenentwurf mit fertigem HTML: das Server-Side Rendering
• Der Gesamtprozess der JavaScript-Verarbeitung: das JavaScript-SEO
• Warum die Interaktivität zum Rankingthema wird: die Core Web Vitals
• Die Auszeichnungssprache dahinter: das HTML