Client-Side Rendering (CSR)
In one sentence
Shipping a minimal HTML shell, then building the page in the browser with JavaScript.
Analogy Mental model
Delivering the ingredients and the recipe. The browser does the cooking, and until it finishes there is nothing on the table.
In practice What you actually do
Reasonable for dashboards, admin tools and anything behind a login. For pages that must rank it is the wrong default, and the fix is server rendering or static generation rather than more JavaScript.
Where people get burned Pitfalls
The blank interval before the application mounts is the largest contentful paint, and it is measured. A loading spinner is an honest acknowledgement, not a solution.
This entry was written in English from the Chinese original, not machine-translated. Read the Chinese version →