V8程序

Appearance

SSR 是什么？ ​

知行合一 - https://ycy88.com/：一个 React SSR 项目。

An image

一、概念 ​

SSR（Server-Side Rendering）指的是在服务器端将网页组装成 HTML 文件并发送到客户端的一种技术。传统的 Web 应用程序在客户端浏览器中使用 JavaScript 动态生成 HTML，这种方式称为客户端渲染（Client-Side Rendering，CSR）。相比之下，SSR 通过在服务器端生成完整的 HTML 页面，然后再将其发送给客户端，可以带来一些优势：

  • SEO 优化： 搜索引擎可以直接抓取到完整的 HTML 内容，有利于搜索引擎的索引和排名。
  • 首屏加载性能： 用户可以更快地看到页面内容，因为服务器可以直接生成并发送 HTML，减少了客户端渲染的时间。
  • 更好的用户体验： 可以在没有执行 JavaScript 的情况下展示页面内容，对于性能较差的设备或网络条件更友好。

二、作用 ​

SSR 的主要作用包括但不限于以下几点：

  1. 提升 SEO（搜索引擎优化）： 搜索引擎可以直接抓取到完整的 HTML 内容，因此对网页的搜索引擎优化效果更好。

  2. 加快首屏加载速度： 服务器端生成 HTML 页面，减少客户端渲染时间，用户可以更快地看到页面内容。

  3. 提高可访问性和用户体验： 在网络状况较差或设备性能较低的情况下，SSR 能够提供更快速和稳定的用户体验，因为页面内容直接由服务器生成。

  4. 利于渐进增强和无障碍访问： SSR 使得网页可以在没有 JavaScript 支持的情况下正常显示，有利于无障碍访问和渐进增强的实现。

三、具体实践 ​

TODO

An image