Ich habe auch einige entsprechende Artikel zum serverseitigen Rendern gelesen. Es scheint, dass einige Frameworks auf der Knotenseite initialisiert werden. Ich denke jedoch, dass das allgemeine Front-End-Framework DOM beinhalten muss, der Server jedoch keine DOM-Operationen haben darf. Was ich fragen möchte ist:
1. Welches Problem löst das sogenannte serverseitige Rendering?
2. Wie wurde das SEO-Problem gelöst?
3. Was sind die aktuellen Lösungen für die geringe First-Screen-Leistung von Spa-Anwendungen?
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
对于 react 的服务端渲染，简单说说我的理解：
最大的应该是解决 seo 的问题，其次在于加快 client 渲染的速度。
server-side-rendering(SSR) 简单来说就是调用了
ReactDOM.renderToString这个方法，在服务器端的一个 js 上下文对组件进行渲染，然后返回 html 的标签，这样，当 client 端 react 跑的时候，通过 react 的虚拟 dom 通过对比 react-id 进行增量更新，也就是如果某个 dom 上面 client 没有啥更新的话，就直接拿 server 的结果，所以说在一定程度上加速了 client 的渲染速度。其次就是 seo 因为 server 直接返回了 html 的标签，所以即使是爬虫，也会返回真正的有 seo 的标签。这对一些门户网站非常有用。这样搜索引擎的爬虫就能爬到网站的关键信息，对网站排名有所帮助。
SSR 性能的话，一般的解决方法貌似都是通过 cache，github 上面有一些项目，例如electrode-react-ssr-caching
react-ssr-optimization 这些项目都是通过 cache 对 SSR 进行优化，本质上都是通过对比 props，进行 cache 加快下一次渲染。