technical

Client-side rendering

JavaScript renders HTML in the browser.

Definition

Client-Side Rendering (CSR) ships empty HTML + JS; the browser renders the content. Bad for SEO unless hydrated with SSR first. Common in single-page apps.

Related terms

Core Web Vitals

Google's user experience metrics.

LCP

Largest contentful paint — page load metric.

CLS

Cumulative layout shift — visual stability metric.

INP

Interaction to next paint — responsiveness metric.

Put Client-side rendering to work

Build, publish, and rank your content with RankFlo. Free to start.

Start for free