Arquivos do Website:

Código para carregar o botão curtir do Facebook de forma assíncrona


Os scripts comuns de plugins do Facebook ou de outras redes sociais, ao carregar no seu blog ou site podem deixar as páginas um pouco mais lentas, atrasando a exibição do conteúdo. A melhor solução é utilizar scripts assíncronos, pois irão melhorar o desempenho da sua página web, e, em consequência disso também irá melhorar a experiência do usuário.

 
Imagem: http://flakshack.deviantart.com/

É um procedimento bem simples de fazer; primeiro você deve criar um plugin do Facebook ==> Clicar em "Get Code" ==>Na opção HTML5 vão aparecer dois códigos JavaScript SDK. É o primeiro código que deve ser alterado, veja:


Código original copiado do Facebook:

<div id="fb-root"></div>
<script>(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_BR/all.js#xfbml=1&appId=XXXXXXXXXXXXXXX";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>


Código copiado do Facebook, e modificado. Facebook Plugin Assíncrono:

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.async=true;
  js.src = "//connect.facebook.net/pt_BR/all.js#xfbml=1&appId=XXXXXXXXXXXXXXX";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>


Note que foi necessário apenas uma pequena linha de código (destacada na cor vermelha) para fazer a modificação! No local dos "XXXXXXXXXXXXXXX" você deve colocar os números da ID do seu (plugin) APP, caso copie o código acima. É melhor você pegar o código direto na página do Facebook e acrescentar no local indicado dentro do código, apenas a linha destacada em vermelho do código acima. Não esqueça de copiar a outra parte menor do código lá no Facebook, caso contrário o plugin não irá funcionar.