JavaScript - Node.js サーバー側レンダリングのトラブルシューティング

Question

サーバーサイドレンダリングに関するいくつかの対応する記事も読みました。一部のフレームワークはノード側で初期化されるようです。ただし、一般的なフロントエンド フレームワークには DOM が含まれている必要がありますが、サーバーには DOM 操作があってはいけないと考えています。私が聞きたいのは:
1. いわゆるサーバーサイドレンダリングはどのような問題を解決しますか?
2.SEOの問題はどのように解決されましたか?
3. SPA アプリケーションの最初の画面のパフォーマンスが低いことに対する現在の解決策は何ですか?

Answer 1

React のサーバー側レンダリングについて、私の理解を簡単に話させてください:

最大の解決策は SEO の問題を解決することであり、2 番目の解決策はクライアントのレンダリングを高速化することです。

server-side-rendering(SSR) 簡単に言うと、ReactDOM.renderToStringこのメソッドを呼び出し、サーバー側のjsコンテキストでコンポーネントをレンダリングし、クライアント側が反応したときにHTMLタグを返します。仮想 DOM は、react-id を比較することによって増分更新されます。つまり、特定の DOM 上でクライアントへの更新がない場合、サーバーの結果が直接取得されるため、クライアントのレンダリング速度はある程度加速しました。

2 番目は SEO です。サーバーは HTML タグを直接返すため、クローラーでも実際の SEO タグが返されます。これは一部のポータルでは非常に便利です。このようにして、検索エンジンのクローラーは Web サイトの重要な情報にアクセスできるようになり、Web サイトのランキングに役立ちます。

SSR のパフォーマンスに関して言えば、一般的な解決策はキャッシュを介することのようです。プロパティを比較することで、キャッシュにより次のレンダリングが高速化されます。