Por que aparece o texto abaixo no Debugger

Oi Thiago, o método document.write() é só usado quando estamos aprendendo lógica de programação, o browser dá um aviso porque não funciona muito bem.

A árvore que ele fala é árvore do código HTML, não balanceada é porque entrou algo novo. Esses dados de redes reprocessados é algum dado que foi reprocessado devido ao document.write() e o navegador tentar arrumar algo, ou a página estava carregando.

Experimente usar o document.write() em uma página carregada e verá que vai apagar tudo.

No dia a dia fazemos assim:

span=document.createElement("span");
span.innerText="meu texto";
document.body.appendChild(span);

ou criamos uma função

function criarElemento(elemento,texto){
    item=document.createElement(elemento);
    item.innerText=texto;
    document.body.appendChild(item);
}

criarElement("span","meu texto");

Espero ter ajudado!!!