Atributo JavaScript adiar

Se você já procurou por desenvolvimento da web ou design de sites, então é provável que você já tenha ouvido falar sobre HTML. Bem, HTML significa “Linguagem de marcação de hipertexto". HTML é usado em combinação com CSS para desenvolver páginas da web atraentes e responsivas. JavaScript é uma linguagem de programação que permite que nossas páginas da web e aplicativos da web pensem e agem e tornem nossos aplicativos da web interativos. Todo o documento HTML é digitalizado primeiro pelo navegador para CSS, JavaScript ou qualquer outro material referenciado, como uma imagem, e esse processo é chamado de análise HTML. O navegador da web solicita cada um dos arquivos de recursos do servidor se os recursos forem encontrados no HTML. Depois que o navegador da web tem todos os recursos necessários, começa a construir a página.

JavaScript pode ser referenciado pelo roteiro A tag de html e javascript é chamada de analisador Recurso de bloqueio Porque a análise HTML é bloqueada por JavaScript. Para resolver este problema o roteiro A tag de HTML nos oferece assíncronos e adiar atributos, portanto, permitindo -nos ter mais controle sobre como e quando arquivos externos são recuperados e executados. Neste post, exploraremos o que é o atributo de adiamento de javascript e como podemos usar o atributo de adiamento.

Execução normal

Vamos dar uma olhada no impacto do que acontece quando o atributo de adiamento não está lá. Os arquivos JavaScript, por padrão, pausarão a análise do texto HTML para que eles possam ser buscados (se não forem embutidos) e executados.

Digamos que temos uma etiqueta de script em algum lugar no meio de uma página HTML e há código html acima e abaixo do roteiro marcação:

O analisador html digitalizará esta página e, quando atingir a etiqueta do script, vai pausar a análise html e buscar o javascript código.JS arquivo na etiqueta do script e execute esse arquivo. Uma vez que a execução e a busca do arquivo JavaScript estiverem concluídas, somente então a análise HTML continua novamente. Esse processo atrasa a renderização do HTML e, portanto, diminui nossa página da web, levando algum tempo para carregar completamente a página da web.

Qual é o atributo de adiamento?

A propriedade adieira só pode ter um valor verdadeiro ou um valor falso, podemos concluir que é um atributo booleano. É um atributo usado apenas para scripts externos. Se essa propriedade for usada, define que o navegador não deve esperar o script carregar. Ou seja, em alguns casos, os scripts externos podem levar muito tempo para carregar, essa propriedade simplesmente diz para carregar o documento antes de carregar no script. Em palavras simples, o atributo de adiamento não espera pelo roteiro TAG e o processamento do HTML continua, portanto, fazendo com que nossa página aumente o desempenho de carregamento. A sintaxe do atributo de adiamento é:

Deve ser observado que o atributo de adiamento só pode ser aplicado a folhas/scripts externos quando o src atributo está presente na etiqueta do script. Deve -se notar também que o atributo de adiamento não pode ser aplicado ao código embutido.

O atributo de adiamento é semelhante ao processo assíncrono, ou seja, você pode passar para outra tarefa, mesmo quando a primeira tarefa não é concluída.

Exemplo

Estamos usando uma folha de javascript externa com o nome de código.JS:

Antes do script

Após o script: será executado imediatamente

Iniciamos um p tag e depois uma tag de script que faz referência ao código.JS arquivo e depois novamente um p marcação.

No código.JS Arquivo, simplesmente console.registro Olá Mundo!:

console.log ("Hello World!");

Veremos a seguinte saída:

Suporte ao navegador

Os números fornecidos na tabela indicam qual versão do navegador foi a primeira a implementar o atributo completamente.

Atributo	Mozilla Firefox	Microsoft borda	Google Chrome	Ópera	Safári
adiar	3.5	10.0	8.0	15.0	5.0

Conclusão

A execução normal do HTML é bloqueada quando há uma etiqueta de script. A tag de script busca um arquivo ou link externo e o executa, portanto, bloqueando a análise normal de HTML. O atributo de adiamento é a solução, pois o atributo de adiamento nos ajudará a baixar nossos scripts o mais rápido possível sem bloquear o navegador/html, pois diz ao navegador para não esperar pelo roteiro marcação. Neste post, o atributo de adiamento em JavaScript foi discutido junto com um exemplo e a suporte do navegador.