什么是 SSR / SSG / CSR？三种渲染方式一句话说清楚

读完这篇，你会彻底搞懂 CSR、SSR、SSG 三种渲染方式是什么，它们各自的优缺点，以及你用 AI 做网站时该怎么选。

先搞懂一个核心概念——「渲染」

你点开一个网页，屏幕上出现了文字、图片、按钮、表格。这些内容不是凭空出现的，需要有人把「原始数据」变成「能看的页面」。

这个过程就叫渲染——把数据变成人眼能看的界面。

打个比方。你去餐厅吃饭，后厨有食材（数据），你看到的是装盘的菜（页面）。食材变成菜这个过程，就是渲染。问题是，这个「烹饪」过程在哪里发生？

有三种可能的地点,

• 在客人桌上做（CSR）——餐厅把生食材端到你面前，你自己用桌上的小炉子煮熟
• 在后厨做好端出来（SSR）——厨师做好装盘，端到你面前，你直接吃
• 提前做好装盒放着（SSG）——餐厅提前把菜做好装进餐盒，你来了直接拿走

对应到网页技术,

• CSR（Client-Side Rendering）——浏览器拿数据，浏览器拼页面
• SSR（Server-Side Rendering）——服务器拿数据，服务器拼页面，拼好发给浏览器
• SSG（Static Site Generation）——构建的时候就把页面拼好，用户直接拿成品

核心区别就一个字——「在哪里拼页面」。