Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

importar biblioteca jquery no topo ou no rodapé da página?

por Evandro Aparecido dos Santos
| 188k xp | 4 posts
Desenvolvedor Web

Olá,

Durante o desenvolvimento de uma aplicação com asp.net mvc podemos importar o jquery de duas maneiras:

1- Na seção head da página apenas uma vez no arquivo de layout;

2- Ou podemos importar no rodapé junto com os outros scripts específicos da página.

Gostaria de saber qual a melhor forma de realizar a importação? Sabendo-se que ao importar no head haverá bloqueio de processamento da página (https://developers.google.com/speed/docs/insights/BlockingJS) e ao importar no rodapé precisarei copiar e colar em todas as páginas da aplicação.

Att.

Evandro.

1 resposta
solução!
por Wanderson Macêdo
| 3964.9k xp | 8086 posts
Instrutor Desenvolvedor

Oi Evandro, tudo bem? Essa é uma dúvida comum. Vejamos as soluções:

1 - Importar no header parece ser a melhor solução, sendo que vocẽ não precisa replicar nas diversas páginas. Certo? Isso por que o header não muda de página para página mas o footer sim. É isso?

2 - Importar página por página pode ser chato e ainda cair no esquecimento. Mas também pode evitar que carregue a biblioteca onde não vai precisar de forma alguma.

A sugestão é, se você consegue atrasar a execução dos scripts das páginas até o carregamento total da página, não é um problema carregar o jQuery no header uma única vez. O que pode acontecer é que para o layout do jQuery, alguma coisa vai deixar de ser carregada nesse tempo.

Para evitar esse tipo de problema, se não estiver enganado, você pode usar atributo async na tag script, que vai fazer, quando possível o carregamento e execução jQuery de for assíncrona, não travando o carregamento do browser.