SSR 是“SSR”的缩写 Server-Side Rendering,是一种 Web 开发技术,涉及在服务器上生成网页的 HTML 内容,然后将其发送到用户的浏览器。 这与“客户端渲染”(CSR)方法形成鲜明对比,在“客户端渲染”方法中,浏览器下载 JavaScript 代码并在下载后构建网页。
SSR的结构及工作原理
-
用户请求: 当用户访问网站时,浏览器向服务器发送请求。
-
服务器处理: 服务器接收请求并通过构建网页的 HTML 内容来处理它。 这包括从数据库获取数据、创建界面组件以及将内容组装成完整的 HTML 文档。
-
创建完整的 HTML: 处理后,服务器创建一个完整的 HTML 文档,其中包含必要的内容、数据和界面组件。
-
发送到浏览器: 服务器将完整的 HTML 文档发送回用户的浏览器。
-
呈现页面: 浏览器接收 HTML 文档并将其呈现给用户。 JavaScript 代码和静态资源(CSS、图像)也由浏览器加载和执行。
SSR 的好处
- SEO优势: 当内容在服务器上预渲染时,搜索引擎可以更好地理解网站并对其进行排名。
- 显示速度更快: 由于 HTML 文档是预先渲染的,因此用户可以更快地查看内容。
- 支持弱设备: 预渲染内容可改善性能较低或连接较弱的设备的体验。
- 对非 JavaScript 用户的支持: SSR 可以为不使用 JavaScript 的用户显示基本版本。
总之,SSR 通过在服务器上生成 HTML 内容然后将其发送到浏览器来优化网站的性能和可搜索性。 这提供了更好的用户体验,提高搜索引擎排名,并增强网站的整体性能。