ネストされたメニューのパフォーマンス - 考慮する技術

Question

短い滞在を短くしたマーケティングは、1つのメニュー内で私たちのサイトマップ全体（5000ページ）を取得します。これで1年の戦いの後、勝利はなく、私たちは実行しなければなりません。

私たちは現在、この決定に役立つ技術を評価しています。

いくつかのメニュー項目には、再帰的な入れ子レベルの5つの項目があります。

私たちのサイトマップは古いCMS（Ektron）のXMLに格納されているため、データはJSONから駆動されます。

私はReactを検討していますが、回答がない可能性があります。私たちはこれを達成し、パフォーマンスを改善するのに役立つJavaScriptライブラリを探しています。現在、私たちのメニューだけでは、インターネット接続が半分のデスクトップコンピュータに4秒かかるので、

質問;このためにReactを使用していますか？もしそうでなければ、私たちが考慮すべき他の選択肢がありますか？

多くのありがとうございます。

Answer 1

はReact Infinite DOM要素の長いリストをスクロール可能な容器に入れている

、 それらのすべてを見て、彼らは、ユーザーの 視野外にある場合でも、DOMに保存されていてください。特に、スクロールする のリストが数十万または数十万のアイテムになる可能性がある場合、これは非常に非効率的です。 React Infiniteは、ユーザが を見ることができるDOMノードのみを表示するか、まもなく表示することでこれを解決します。他のDOMノードはクラスタ化され、 が1つの空白ノードとしてレンダリングされます。