Import no Javascript

O script pode ser colocado em qualquer lugar porem por questoes de performance se recomenda colocalo no fim do html na maioria dos casos.

É um assunto mais extenso, vou tentar da uma resumida:

Quando o usuario baixa o html ele vai lendo como um livro, como css vai por cima no header ele vai baixar ele primeiro e depois vai formando o DOM (alocando na memoria as tags html) e por fim baixa o js.

Como o css vai modificar a aparencia das tags html, torna ele em um recurso blocante. Porem como o js pode manipular, inserir e remover tags html ele é ainda mais blocante.

Mas porque nao fazemos o mesmo com css? Isso porque nao queremos que o usuario veja nossa pagina sem estilo, ja o js pode ser apenas uma pedra no caminho no primeiro carregamento.

Se for pesquisar mais sobre isso procure por : Critical Path