Как более эффективно работать с dom javascript?
Имхо экономия на спичках. Чтобы эффективнее работать с DOM, используйте Vritual DOM.
Если родитель пустой, то innerHTML самое быстрое
Если в нем что-то уже есть, то вставка через documentFragmentvar frag = document.createDocumentFragment();
for(let i = 0; i < 10; i++) {
  let newLi = document.createElement('li');
  newLi.className = "alert";
  newLi.innerHTML = "<strong>Ура!</strong> Вы прочитали это важное сообщение.";
  frag.appendChild(newLi);
}
list.appendChild(frag);