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
asyncem 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
asyncnã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
deferem 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>