18、构建共享应用：服务器端渲染与客户端渲染的对比及实践

构建共享应用：服务器端渲染与客户端渲染的对比及实践

在现代Web开发中，构建既能在客户端又能在服务器端运行的JavaScript应用变得越来越重要。这种应用被称为同构应用，其核心思想是后端和前端尽可能共享代码。同时，服务器端渲染的应用可以在用户请求时直接呈现内容，无需等待JavaScript代码初始化。

1. 服务器端渲染与客户端渲染对比

Node.js使得在后端和前端编写JavaScript代码变得容易。在过去，我们开发的应用大多是客户端渲染。客户端渲染的应用首先将JavaScript文件打包，然后与图像、CSS和HTML文件一起分发，可以部署在任何操作系统上的Web服务器上。客户端渲染应用的加载通常分为两个步骤：
1. 初始请求同步或异步加载 index.html 、CSS和JavaScript文件。
2. 应用通常会发起另一个请求，并根据服务器响应生成相应的HTML。

而服务器端渲染的应用通常省略了第二步，初始请求一次性加载 index.html 、CSS、JavaScript和内容。应用直接在内存中就绪，无需等待客户端解析和执行JavaScript。

有人认为服务器端渲染的应用对于没有JavaScript或关闭JavaScript的用户是必需的，但实际上这类用户只占约1%。另一个支持服务器端渲染的理由是帮助搜索机器人抓取内容，虽然Google和Bing等主要搜索引擎能够解析基于JavaScript的内容，但可能需要添加元标签以确保内容被正确索引。可以使用Google的“Fetch as Googlebot”工具（https://www.google.com/webmaste