私はいくつかの製品を検索することができるWebアプリケーションを持っていますが、1000行以上のサーバから返されるデータによっては、ブラウザがハングアップし、 。大規模なWebページをレンダリングする方法
私の質問は、クライアント側で詰まることなく返されたデータをレンダリングし、読み込み時間を短縮することです。
私はReactJSに精通していませんが、レンダリングをサーバー上に作成し、ユーザーの要求に応じてデータが提供される場合は、この方法が役立ちますか？
私はこれまでにhttps://github.com/bvaughn/react-virtualizedを使用して成功しました。トリックは、一度にいくつかのデータをロードするだけでなく、すでに表示されている行のレンダリングだけを処理します。私はまた、これらの最適化なしでそれをやろうとしたが、データがレンダリングされるまでに何秒も待つことになります。ブラウザーがスクリプトの実行をキャンセルするようにユーザーに促すのに十分な時間がかかることがあります。ビューメソッドに含まれるものをレンダリングすることは、これまでにない優れたエクスペリエンスです。
あなたは結果ページに一度にすべてのデータをロードダウンユーザーがスクロールとして結果を表示するためにLazy Loading with reactJSを使用してみてくださいすることができず、あなたがWikipedia difination with examplesを見てみましょうか、多くを学ぶためにMicrosoft を見てみることができます。