Back to Glossary
C
Glossary Term

Client-Side Rendering (CSR).

Learn what Client-Side Rendering (CSR) means in modern search and SEO.

Part of speechnounOriginLatin cliens (client) + Old English sid + Latin reddere (to give back)

A rendering approach where the browser downloads a minimal HTML shell and uses JavaScript to build the full page after load.

In Client-Side Rendering (CSR), the server sends a near-empty HTML document with JavaScript bundles. The browser executes those scripts to fetch data and render the user interface. Single-page applications (SPAs) built with React, Vue, or Angular typically use CSR by default.

CSR and SEO Challenges

Googlebot can render JavaScript, but rendering is deferred and resource-limited. Pages that rely entirely on CSR risk delayed or incomplete indexing. Metadata injected by JavaScript may not be captured by social media scrapers that do not execute scripts.

Mitigating CSR SEO Risk

Techniques like pre-rendering, dynamic rendering, and hybrid SSR/CSR approaches (Next.js ISR, Astro islands) allow teams to preserve the interactivity of CSR while ensuring crawlable, metadata-rich HTML reaches both search engines and social platforms.

Ready to close the loop?

See every term in action

Aergos tracks your AI and organic visibility across every channel, in one platform.

Not ready to talk? Audit your site free →