Adiar a análise de JavaScript

[Miguel Rocha1 0]

Bom dia,

 

Gostaria que me ajudassem adiar a analise a este javascript :

<script type="text/javascript" src="/application/javascript/1.js"></script>

<script type="text/javascript" src="/application/javascript/jquery.js"></script>

<script type="text/javascript" src="/application/javascript/2.js" ></script>

<script type="text/javascript">
(function(){ var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/plusone.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })();
</script>

<script type="text/javascript">
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

<script type="text/javascript"> var _gaq = _gaq || [];_gaq.push(['_setAccount', 'UA-100004802-1']);_gaq.push(['_trackPageview']);(function(){var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);})();</script>

<script type="text/javascript">(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0];if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/pt_PT/all.js#xfbml=1&appId=250771465000474";
 fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'))</script>

 

Ja tentei de varias maneiras e nao obti resultados, dai vir aqui pedir a vossa ajuda.

 

Obrigado desde de ja.

[P@trique 0]

Adiar a analise? como assim, explique-se melhor.

[Miguel Rocha1 0]

Adiar a análise de JavaScript

 

Visão global

 

Para carregar uma página, o navegador deve analisar o conteúdo de todos os <script> tags, o que acrescenta mais tempo para o carregamento da página. Ao minimizar a quantidade de JavaScript necessário para processar a página, e adiar a análise de JavaScript desnecessários até que ele precisa ser executado, você pode reduzir o tempo de carga inicial de sua página.

 

Detalhes

 

Existem várias técnicas que podem ser usados ​​para adiar a análise de JavaScript. A técnica mais simples e preferida é simplesmente Defer carregamento de JavaScript até que seja necessário. A segunda técnica é usar o <script async> atributo se for o caso, o que impede a análise de bloquear o carregamento da página inicial, adiando-a até o segmento de interface do usuário do navegador não está ocupado fazendo outra coisa. Se nenhuma destas técnicas é adequado, existem algumas técnicas adicionais comumente utilizados em aplicações móveis, descritos a seguir:

 

Ao criar aplicativos móveis, pode ser necessário carregar todo o JavaScript necessário por um aplicativo de frente, por isso o aplicativo pode continuar a trabalhar quando o usuário estiver offline. Neste caso, algumas aplicações, tais como móveis Gmail, achar que é útil para carregar JavaScript em comentários e, posteriormente, eval () do JavaScript quando for necessário. Essa abordagem garante que toda JavaScript é carregado durante o carregamento da página inicial, embora não exija que o JavaScript para ser analisado.

 

Uma alternativa para armazenamento de código nos comentários é armazenar código em JavaScript literais de cadeia. Ao usar essa técnica, o JavaScript só é analisado quando necessário, novamente chamando eval () na string literal. Esta técnica também permite que um aplicativo para carregar JavaScript cedo, mas adiar a análise até que seja necessário.

 

Observe que mover seus <script> marcas ao final da página é sub-ótima, pois o navegador vai continuar a mostrar um indicador de ocupado até que a página tenha terminado de analisar esta JavaScript. Os utilizadores podem esperar até que o indicador de carga página mostra que a carga está completa página antes de interagir com a página, então é importante para carregar JavaScript de uma maneira que minimiza o tempo que leva para o navegador para indicar que a carga de página é completa.

 

Em nossos próprios testes realizados no início de 2011, descobrimos que em dispositivos móveis modernos, cada kilobyte adicional de JavaScript adiciona cerca de 1 ms de tempo de análise para o tempo total de carregamento da página. Então, 100kB de JavaScript incluído no carregamento da página inicial acrescentaria 100ms de tempo de carga para seus usuários. Porque o JavaScript deve ser analisado em cada visita a uma página, este tempo de carregamento adicionado será parte de cada carregamento da página, seja carregado a partir da rede, através do cache do navegador, ou em modo offline HTML5.

 

So que eu tenho tentando e nao tenho tido sucesso...

[Henrique Barcelos 290]

Porque o JavaScript deve ser analisado em cada visita a uma página, este tempo de carregamento adicionado será parte de cada carregamento da página, seja carregado a partir da rede, através do cache do navegador, ou em modo offline HTML5

Esta parte está incorreta, pois qualquer navegador mobile moderno possui um bom sistema de cache, que vai simplesmente recuperar o conteúdo de maneira "instantânea".

 

Você pode criar um sistema de includes facilmente com Javascript:

function includeOnce(file) {
var allScripts = document.getElementsByTagName('script');
for(var i = 0; i < allScripts.length; i++) {
   	if(file == allScripts[i].getAttribute('src') {
       	return;
   	}
}
include(file);
}

function include(file) {
var script = document.createElement('script');
script.setAttribute('src', 'file');
document.getElementsByTagName('head')[0].appendChild(script);
}

[Miguel Rocha1 0]

Como funcionaria isso amigo? ( sou muito novato em javascript )

[marcusIII 0]

olha só:

 

sempre que você coloca um link no seu navegador, ele vai atrás do recurso.

 

então se você quer adiar a analise do javascript, basta você colocar o link no dia que você quiser. Nesse momento, ele vai atrás do recurso.

 

se você jah sabe manipular o dom, você consegue por o link lá do seu javascript a ser adiado, apenas no dia que você quiser.

inclusive você pode usar um date para dizer o dia precisamente.

[P@trique 0]

sempre que você coloca um link no seu navegador, ele vai atrás do recurso.

 

Como assim, explique essa parte melhor pra mim, se tiver como me mandar um exemplo :thumbsup:

 

* não sou o autor desse tópico, mais gostaria de entender isso que você disse.

[William Bruno 1501]

Exemplo:

http://wbruno.com.br/2011/05/24/so-carregar-scripts-js-se-houver-suporte-js/