CSR、SSR、SSG、ISR 四种渲染模式有什么区别?
CSR(客户端渲染):浏览器下载空 HTML + JS,JS 渲染内容。首屏白屏久、SEO 差,但交互快。
SSR(服务端渲染):每次请求时服务端渲染完整 HTML。首屏快、SEO 好,但有服务端开销。
SSG(静态生成):构建时生成静态 HTML。最快、可 CDN,但内容固定。
ISR(增量静态再生):SSG + 定时后台再生,兼顾速度与新鲜度。| 模式 | 渲染时机 | 首屏 | SEO | 服务端压力 |
|---|---|---|---|---|
| CSR | 浏览器 | 慢 | 差 | 无 |
| SSR | 每次请求 | 快 | 好 | 高 |
| SSG | 构建时 | 极快 | 好 | 无 |
| ISR | 构建+定时再生 | 极快 | 好 | 低 |
选型:内容站/博客用 SSG/ISR;个性化/实时用 SSR;强交互后台用 CSR 或混合。