跳到正文

客户端渲染 CSR, Client-Side Rendering

词条 #254 / 700 · 第 5 章 · 5.4 高级技术 SEO:日志分析、SSR/CSR、网站迁移与国际化底层(249–265)
一句话定义

浏览器下载 JS 后执行,动态生成页面内容。

打个比方 Analogy

给你食材自己炒。浏览器收到 HTML 骨架和 JS 代码,自己组装页面。

岗位实战怎么做 In Practice

纯 CSR 对 SEO 不友好(爬虫可能无法执行 JS)。仅用于后台管理系统、用户仪表盘等不需要 SEO 的页面。需要 SEO 的页面使用 SSR 或 SSG。

案例与避坑 Pitfalls

CSR 的 "白屏时间"(White Screen Time)较长,影响 LCP。确保加载状态友好(Loading spinner)。