O atributo async é usado quando você está carregando um script externo e deseja que ele seja executado de forma assíncrona. Aqui estão algumas coisas importantes a saber:
Carregamento Assíncrono:
- Quando você inclui o atributo
async
em uma tag<script>
, o navegador começa a baixar o arquivo JavaScript imediatamente, mas não bloqueia a renderização da página enquanto o arquivo está sendo baixado. - Isso é útil para melhorar o desempenho da página, especialmente quando você tem muitos scripts externos. A renderização da página não fica bloqueada esperando que todos os scripts sejam baixados.
- Quando você inclui o atributo
Ordem de Execução:
- Scripts com o atributo
async
não garantem uma ordem específica de execução. O primeiro script que terminar de baixar será executado primeiro. - Se a ordem de execução for importante (por exemplo, se você tem dependências entre scripts), é melhor usar o atributo
defer
em vez deasync
.
- Scripts com o atributo
Compatibilidade com Navegadores:
- O atributo
async
é suportado em navegadores modernos, mas pode não funcionar em navegadores mais antigos. - Certifique-se de testar seu código em diferentes navegadores para garantir a compatibilidade.
- O atributo
<script src="script.js" async></script>