84669 人學習
152542 人學習
20005 人學習
5487 人學習
7821 人學習
359900 人學習
3350 人學習
180660 人學習
48569 人學習
18603 人學習
40936 人學習
1549 人學習
1183 人學習
32909 人學習
關於服務端渲染我也看過一些對應的文章，似乎就是將一些框架在node端執行初始化。但我在想，一般前端框架肯定是要涉及dom的，但是服務端肯定是沒dom操作的。我想問的是那：1.所謂的服務端渲染是解決了什麼問題？ 2.seo的問題是如何被解決了？ 3.spa應用的首屏效能低目前有一些什麼解決策略？
闭关修行中......
對於 react 的服務端渲染，簡單說說我的理解：
最大的應該是解決 seo 的問題，其次在於加快 client 渲染的速度。
server-side-rendering(SSR) 簡單來說就是呼叫了ReactDOM.renderToString 這個方法，在伺服器端的一個js 上下文對元件進行渲染，然後返回html 的標籤，這樣，當client 端react 跑的時候，透過react的虛擬dom 透過比較react-id 進行增量更新，也就是如果某個dom 上面client 沒有啥更新的話，就直接拿server 的結果，所以說在一定程度上加速了client 的渲染速度。
ReactDOM.renderToString
其次是 seo 因為 server 直接回傳了 html 的標籤，所以即使是爬蟲，也會回到真正的有 seo 的標籤。這對一些入口網站非常有用。這樣搜尋引擎的爬蟲就能爬到網站的關鍵訊息，對網站排名有所幫助。
SSR 性能的話，一般的解決方法似乎都是透過cache，github 上面有一些項目，例如electrode-react-ssr-cachingreact-ssr-optimization 這些項目都是透過cache 對SSR 進行最佳化，本質上都是透過比較props，進行cache 加快下一次渲染。
對於 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 加快下一次渲染。