Наиболее правильный и производительный способ вставки на страницу html через js

В JavaScript есть много способов вставки HTML на страницу, но часто возникают проблемы с безопасностью и производительностью. Рекомендуют не использовать innerHTML(), но решения createElement() и т.д. кажутся слишком громоздкими, когда нужно вставить большой кусок кода. Ещё есть templates, но насколько это производительно и как правильно их организовать - в основном HTML файле или создавать отдельный(-е) для шаблонов?

Сейчас я использую insertAdjacentHTML() и мне кажется что нужно делать это более правильно. Подскажите, кой способ наиболее правильный и по-подробнее, как его применять?