sexta-feira, 13 de maio de 2016

Multi defer JavaScript no Blogger para carregar mais rápido

defer-java-script-faster-loading-blogger


Hoje vamos falar sobre JavaScript é um código que os programadores Blogueiros utilizam em programação isso também esta ligado diretamente ao carregamento do Blog e por esse motivo isso afeta o carregamento do Blog prejudicando muitas vezes nosso ranking e também perdendo espaço para blogs concorrentes, alias ninguém gosta de acessar um blog e perder muito tempo no carregamento de uma pagina seja isso a pagina principal ou um post especifico por isso nós blogueiros estamos sempre em busca para melhorar cada vez mais o carregamento afim de otimizar isso da melhor forma possível, dessa maneira temos vantagens tanto para as buscas orgânicas quanto a primeira impressão quando alguém visita nosso Blog o que muitos não sabem podemos aperfeiçoar isso ao verificar nosso Blog por completo podemos identificar onde esta o Código JavasScript e aplicar multi defer nele então podemos carregar isso com uma chamada antecipada hospedando o código e fazendo uma chamada


Por padrão use o seguinte Script:



<script type="text/javascript">
 
 // Add a script element as a child of the body
 function downloadJSAtOnload() {
 var element = document.createElement("script");
 element.src = "HOSTING SCRIPT.js";
 document.body.appendChild(element);
 }
 
 // Check for browser support of event 
 if (window.addEventListener)
 window.addEventListener("load", downloadJSAtOnload, false);
 else if (window.attachEvent)
 window.attachEvent("onload", downloadJSAtOnload);
 else window.onload = downloadJSAtOnload;
 
</script>


Note Onde tem o elemento HOSTING SCRIPT.js você precisa colocar o link onde o arquivo foi hospedado

Podemos também criar multiplo carregamento mesclando em um unico utilizando o seguinte código.



<script type="text/javascript">
function downloadJSAtOnload() {
 (function(scripts) {
   var i = 0,
    l = scripts.length;
  for (; i<l; ++i ){
   var element = document.createElement("script");
   element.src = scripts[i];
   document.body.appendChild(element);
  }
 })(['KODE SCRIPT 1.js','KODE SCRIPT 2.js']);
}

if (window.addEventListener)
        window.addEventListener("load", downloadJSAtOnload, false);
else if (window.attachEvent)
 window.attachEvent("onload", downloadJSAtOnload);
else window.onload = downloadJSAtOnload;
</script>
Note faça a substituição ONDE DIZ KODE SCRIPT 1.Js, KODE SCRIPT 2.Js  ou você pode usar um código como esse.




<script type="text/javascript">
function loadScript(src) {
     var element = document.createElement("script");
     element.src = src;
     document.body.appendChild(element);
}


// Add a script element as a child of the body
function downloadJSAtOnload() {
    loadScript("KODE SCRIPT 1.js");
    loadScript("KODE SCRIPT 2.js");
    loadScript("KODE SCRIPT 3.js");
}

 // Check for browser support of event handling capability
 if (window.addEventListener)
     window.addEventListener("load", downloadJSAtOnload, false);
 else if (window.attachEvent)
     window.attachEvent("onload", downloadJSAtOnload);
 else window.onload = downloadJSAtOnload;
</script>


Faça a substituição onde fala KODE SCRIPT 1.Js KODE SCRIPT 2.Js E KODE SCRIPT 3.Js

Agora que você ja sabe procure colocar um dos código acima e fazer uma chamada para adiar o carregamento de JavaScript isso vai tornar seu Blog mais rápido e leve para o acesso contine conosco para o próximo post




Créditos Samsury 
NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post

Nenhum comentário:

Postar um comentário

NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post
 

Delivered by FeedBurner