2024年1月12日发(作者：)

服务端渲染ssr原理

服务端渲染（Server-Side Rendering，SSR）是指将页面的渲染逻辑放到服务器端完成，服务器将页面渲染完成后再将渲染结果返回给浏览器。与传统的客户端渲染方式不同，在客户端渲染中，页面的渲染逻辑在浏览器端完成，浏览器会先下载 HTML 内容，然后再下载引用的 JavaScript 和 CSS 文件，最终通过

JavaScript 将页面渲染出来。

下面是服务端渲染的原理：

1. 浏览器发送请求给服务器，请求访问某个 URL。

2. 服务器接收请求，获取页面数据。

3. 服务器将页面数据和模板文件进行渲染，生成 HTML 页面。

4. 服务器将渲染后的 HTML 页面返回给浏览器。

5. 浏览器展示 HTML 页面，并下载相应的 JavaScript 和 CSS 文件。

6. 浏览器执行 JavaScript，并根据 JavaScript 中的逻辑生成页面交互效果。

7. 页面渲染完成。

服务端渲染有以下优点：

1. 无需等待 JavaScript 加载和执行，可以快速将页面展示给用户，提高用户体验。

2. 可以提高搜索引擎的收录率，因为搜索引擎能够直接获取到完整的 HTML

页面内容。

3. 可以提高网站的可访问性，因为一些浏览器或用户可能禁用了 JavaScript。

但是，服务端渲染还存在以下不足：

1. 需要将页面渲染逻辑放到服务器端执行，会增加服务器资源的占用。

2. 如果页面是动态更新的，需要确保服务器端和客户端的数据保持同步，否则会出现显示不一致的问题。

3. 与客户端渲染相比，开发效率会降低，因为需要考虑到服务器端的逻辑。