Проблема рендеринга большого количества DOM в модальное с помощью JavaScript

Question

У меня проблема с рендерингом большого количества html в модальный javascript.Каковы оптимальные методы для этой проблемы?

fetch('file.hmtl', {
   method: 'GET'
})
.then((data) = {
  return data.text();
})
.then((data) => {
  document.getElementById('modal-body').innertHTML = data
})

<div class="modal-wrapper">
  <div>Laaaaaargeeeeee amount of html</div>
</div>

или:

document.getElementById('modal-body').innertHTML = `<div class="modal-wrapper">laaaaargeeee amount of html</div>`

не поместил пример modal / largeHtml в основной index.php со свойством hide.Потому что производительность и плохие практики.

Если кто-то знает другое решение или лучшие практики для этой ситуации.Я буду признателен.Ty