渲染

它到底指什么？

你写的代码——那些 HTML 标签、样式规则、JavaScript 逻辑——对用户来说只是一堆文字。"渲染"就是浏览器把这些代码翻译成你肉眼看到的页面的过程：文字排好版、颜色填上去、按钮可以点击、动画可以播放。

"在哪里渲染"为什么重要？

这是很多现代框架（如 Next.js）经常讨论的话题。大致有两种方式：

客户端渲染（CSR）： 服务器只发一个几乎空白的 HTML 页面和一大段 JavaScript 代码给浏览器。浏览器下载完 JavaScript 后，在用户的设备上执行代码，才生成完整的页面。好处是页面后续交互很快；缺点是首次加载可能比较慢，而且搜索引擎可能看不到页面内容。

服务端渲染（SSR）： 服务器在收到请求时先把页面渲染好，直接把完整的 HTML 发给浏览器。用户能更快看到内容，搜索引擎也能正确读取页面。缺点是服务器需要做更多工作。

有什么需要注意的？

你不需要深入理解渲染的技术细节。但当 AI 提到"这个页面用 SSR"或"这是一个客户端组件"时，知道它在说的是"这个页面在哪里被组装好"就足够了。如果你发现页面在搜索引擎中无法被正确收录，可能需要让 AI 帮你把关键页面切换到服务端渲染。