как это, загрузить корневой элемент, только после того как загрузится все остальное?
может вы имеете ввиду чтобы он стал видимым когда загрузится весь контент? Ну например у вас куча картинок и вы не хотите чтобы они долго грузились заставляя зевать пользователя, можно так сделать
<div id = "root" style = "display: none">ТУТ КОНТЕНТ</div>
window.onload = function(){
document.getElementById("root").style.display = "";
}
Также можно поставить например над ним какую нибудь анимашку, которая намекает что страница грузится, или просто написать "Погодите", а при window.onload убрать и показать основной блок