跳到主要内容

前端工程 · 渲染方式

客户端渲染

Client-Side Rendering

也叫:CSR、浏览器渲染、纯前端渲染

浏览器先下载几乎空白的 HTML 和 JS,再在客户端请求数据并生成界面;首屏依赖 JS 执行完成。

详细解释

客户端渲染是 SPA 的典型路径:服务器只给壳,路由与页面内容由浏览器里的 JS 负责。开发体验简单,部署也可做成纯静态资源,但首屏和 SEO 通常弱于 SSR/SSG。

它适合强交互后台、登录后的应用壳层。公开营销页、需要分享卡片的内容页,更常选 SSR/SSG,或至少对关键路径做预渲染。

和水合的关系:CSR 不先出完整 HTML;SSR 先出 HTML 再水合。选哪种取决于受众与 SEO 需求,而不是「哪个更新」。

开发者信息
术语 ID
eng-csr
DOM 选择器
没有 DOM 线索,这个概念不在页面上直接识别。
优先级
1 · 同一层有多条命中时,优先级高的胜出
版本
v1 · 更新于 2026/10/05