ユーザーが編集可能なアイテムの大きなテーブルを表示するページを持つ Web アプリケーションを構築しています。このテーブルには、行を上下に移動するための各行のコントロールと、行を削除するためのオプションがあります。また、各行には 2 つの select 要素があります。
このテーブルは、極端な状況では約 200 行で構成される可能性があります。多くの行がある場合、重大なパフォーマンスの問題が発生します。ページのスクロールが信じられないほど遅く、画面に「チェッカーボックス」が表示されます。また、行の削除には約 30 秒、場合によってはそれ以上かかります! 上下に移動するのにも同様の時間がかかり、ページは通常使用できません。
問題が何であるかを正確に絞り込もうとしてきましたが、行からこれらを削除すると、テーブル内の選択要素に関係していると確信しています。スクロールは完璧で、上下の移動は約 1 秒、行の削除は約 7 秒です。
200 行のテーブルの一番下から 1 行削除すると、ほぼ瞬時に削除されます。
ページの CSS に問題があるようです。プロファイラーを実行すると、スタイルの再計算に約 3 秒かかります。
このページは他のブラウザでも問題なく動作します。ヘルプや知識があれば幸いです。
ありがとう