Vantagens de colocar scripts JavaScript em arquivos externos
Colocar scripts em arquivos externos tem algumas vantagens:
- Ele separa HTML e código
- Torna HTML e JavaScript mais fáceis de ler e manter
- Arquivos JavaScript armazenados em cache podem acelerar o carregamento da página
Para adicionar vários arquivos de script a uma página - use várias tags de script:
<script src="myScript1.js"></script>
<script src="myScript2.js"></script>
E caso esteja trabalhando com Shadow DOM, é recomendado utilizar o defer (que é atributo Boleano usado para indicar ao navegador que o script deve ser executado depois que o documento tenha sido parseado, mas antes de disparar o evento DOMContentLoaded )