html - 20 個の大きな同一の listBox のレンダリング

Question

行 (20 行) を持つ HTML テーブルがあります。すべての行には、データベースからの単一のデータセットを使用して入力された国 (約 250 か国) のリストボックスがあります。

ロード時間は十分に速いですが、レンダリング時間は本当にめちゃくちゃです。これらのリストボックスのレンダリングを高速化する方法はありますか?

Answer 1

一度だけロードして、必要な場所に DOM 要素をコピーできます...

ユーザーのコンピューターに大きく依存するため、これが大幅に改善されるかどうかはわかりませんが、現在のように遅すぎる場合は試してみる価値があると思います.

編集：これが私が行う方法です。注意して使用してください。私はテストしていません。このコードにはおそらく大量のエラーがあります。これは、私が何を言っているのかを理解するためのものです。

<mylistbox id="listboxtemplate"> ... </>

<div class="thisPlaceNeedsAListbox"></div>
<div class="thisPlaceNeedsAListbox"></div>
<div class="thisPlaceNeedsAListbox"></div>

ドキュメントの準備ができたら、jquery を使用します。

jQuery(".thisPlaceNeedsAListbox").append( jQuery("#listboxtemplate").clone() )