私は、多くのポップアップを使い、すべての種類のウィジェットを同じページに表示して消滅させるHTML5ページ（ゲーム）を作っています。同じページの多くの異なるポップアップとウィジェットのHTML/Javascriptシステム
これを実装するために、私は
は（私が見た多くの例のように）目に見えない、ページに記載されているすべてのポップアップやウィジェットを持っている、とだけ可視性をトグル保つことができます。
Javascriptを使用して動的に追加および削除します。私は別のファイル（？）にHTMLの断片として各ポップアップを置くことができました。
秒は「モジュール式」で、私は実際には使用していない要素がページにないのが好きです。しかし、私はパフォーマンス（HTMLを毎回ロード、DOM挿入など）について知らない。
これを行うための推奨/標準的な方法はありますか？
サーバーからHTMLを読み込む方法については、明らかに効率的ではありません。
私はあなたが書いているゲームの種類はわかりませんが、何千ものポップアップを毎秒作成しない限り、パフォーマンスに目に見える違いはないと思っています。 ）。正直言って、あなたのゲームは4GBのメモリを使用していません。 :)それがそうであれば、あなたはおそらく何か間違っているでしょう。私は標準的な方法はないと思う。それはあなたがそれを感じるようにもっと似ています。 :)
たとえば、パフォーマンスの問題のほとんどは実際にクライアントとサーバー間の通信に関係しているため、常に1つの要求でサーバーからすべての可能なデータをロードしてクライアント側に格納しようとします。私はまた、DOMがきれいであることが好きです。したがって、フォームの隠しフィールドを除いて、ほとんどの場合JavaScriptで（隠された）データを保持します。
一方、ディスカッション付きのブログがあり、追加のデータ（ユーザーの名前をクリックした後にポップアップとして表示されるユーザーデータなど）を読み込むと、 DOM要素は（少なくとも私のために）それを制御するのが簡単です（jQueryとjQuery UIについて）。
ポップアップを再作成するとメモリーリークが発生する可能性がありますが、（たとえば）jQuery UIなどの一般的なライブラリを使用すると、ほとんど起こりそうにないことに注意してください。