一般に、リクエストを完了するまでの時間がほとんどの Web アプリの主なボトルネックであるため、できるだけ早く情報を読み込む必要があります。ここでの問題は html ではなく、html に加えて要求されるアセット (画像、ビデオなど) です。これらはメモリを消費し、(まだ) 表示されていない画像をロードすることで表示される画像のロードをブロックする可能性があるため、最初のページのロード時間が遅くなる可能性があります。これらの問題のいずれかが問題であるかどうかを判断するには、ターゲット デバイスでテストする以外に方法はありません。ただし、あなたの場合、アセットを後でフェッチしても実際にはメモリを節約できません。アセットは最終的にある時点でフェッチされているため、ブラウザは最終的に読み込まれるすべてのものに対処できる必要があるためです。最初にそれらを持っているかもしれません。ページの読み込み時間が問題になる場合は、アセットの読み込みを延期できますが、非表示の div が必要になるまで待つのではなく、dom がレンダリングされるまでのみです。そうすれば、ページの読み込みを遅らせることなく、必要なときにアセットを利用できます。たとえば、JQuery では次のようになります。
$(function() {
$('#hiddenDiv').html(hiddenContent);
});
アセット (画像など) は、それらを参照する html が dom に追加されるまでリクエストされません。