javascript – Fehlerbehebung beim serverseitigen Rendern von Node.js

Question

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?

Answer 1

对于 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 加快下一次渲染。