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 或混合。

同分类其他题目