Há dois eventos relacionados à inicialização do navegador na página da Web.

DOMContentReady (objeto de documento): documento HTML foi analisado e a árvore DOM foi construídaload (objeto de janela): Todos os elementos do documento HTML foram renderizados (exibidos)

No meu entender, o navegador não pode começar a renderizar a página antes que o DOM esteja pronto (DOMContentReady é acionado) e, por padrão, a tag de script bloqueia qualquer outro processo do navegador até que o arquivo de script seja baixado e executado.

Então, por que é bom colocar tag de script no final da tag body? Na minha opinião, o navegador será bloqueado quando encontrar a tag de script em qualquer posição da página, portanto, o DOMContentReady não será disparado até que a tag de script seja baixada e executada. Como resultado, o usuário não pode ver nada, exceto a página em branco, até que o script seja totalmente processado, independentemente da posição da tag de script.