Atributo defer do HTML <script>
Definição e uso
defer
é um atributo booleano.
Se o atributo defer
Este atributo, o script será baixado em paralelo enquanto a página é analisada e executado após a análise da página ser concluída.
Atenção:defer
Este atributo é aplicável apenas a scripts externos (somente se existir Atributo src apenas quando necessário).
Atenção:Existem várias maneiras de executar scripts externos:
- Se o async estiver configurado: o script será baixado em paralelo enquanto a página é analisada e executado imediatamente quando disponível (antes de a análise ser concluída)
- Se o defer estiver configurado (mas não o async): o script será baixado em paralelo enquanto a página é analisada e executado após a análise da página ser concluída
- Se não houver nem async nem defer: o script é baixado e executado imediatamente, bloqueando a análise da página até que o script seja executado
Exemplo
O script será baixado paralelamente à análise da página e executado após a conclusão da análise da página:
<script src="demo_defer.js" defer></script>
Sintaxe
<script defer>
Adiar a execução do script
Você pode controlar o modo de execução do script usando os atributos async e defer. O atributo defer diz ao navegador para esperar que a página seja carregada e analisada antes de executar o script.
O navegador adiará a carga e a execução do script até que todos os elementos do documento HTML sejam analisados.
Isso é o mesmo resultado de mover o script para o final da página:
<body> ... ... ... ... ... ... <script src="demo.js"></script> </body>
Suporte do navegador
Os números na tabela indicam a versão do navegador que suportou a primeira vez o atributo.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
8.0 | 10.0 | 3.5 | 5.0 | 15.0 |