Olá, Matheus! Tudo bem?
Esse tipo de resultado é até mais interessante se pararmos para pensar, pois já deixamos a vista o conteúdo da página juntamente com a mesma de pop-up.
Mas caso realmente queira utilizar o seu projeto com o carregamento de script antes da página, será necessário tirar a propriedade defer
que está na tag scripts
no seu arquivo index.html. Essa propriedade é responsável por fazer o carregamento em conjunto do script com a página HTML.
Para mais informações segue um artigo: HTML <script>
defer Attribute
Espero ter ajudado e bons estudos!
Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓.