Comment puis-je faire des boutons Facebook plus rapidement?

dans mon site web, pour chaque entrée de blog, j'ai un facebook comme le bouton. Donc, sur l'index, il y a plusieurs(plus de 10 pour le moment), comme des boutons.

Ces boutons comme ma page un peu lourd à utiliser. Le nombre total de pages, le temps devient plusieurs secondes et c'est de lag/jumpy pendant le chargement(même si tout le contenu est chargé), alors que c'est le chargement. Est-il de toute façon à résoudre ce d'autre que de ne pas montrer le bouton "like" sur l'index? (un seul bouton j'aime sur une page produit négligeable gal)

Pour référence, mon site est à http://lastyearswishes.com Dans firebug, vous pouvez voir que le temps de chargement de page est de 20 secondes, dont environ 200 millisecondes est rattaché à mon site web réel. Chaque facebook comme le bouton apparaît à faire trois non cachable, demandes uniques.

Coup: Maintenant (presque 2 ans plus tard), j'ai décidé d'abandonner sur facebook. Même avec le code asynchrone-il encore enduced un notable retard dans le rendu de la page du temps. Il utilise également certaines stange javascript qui vis jusqu'à ma mise en page. Lors de la suppression de twitter boutons, ma mise en page regardé immédiatement la façon dont il devrait (quelque chose de l'alignement et de flotter que facebook l'a fait. Je n'ai jamais pu utiliser la marge ou quoi que ce soit pour obtenir de facebook à la ligne comme je le voulais)

source d'informationauteur Earlz

  1. 14

    Facebook Développeurs fournit le javascript pour créer un asynchrones Comme bouton

    trouve ici: Chargement de la SDK de manière Asynchrone

    c/p avais ici:

    <div id="fb-root"></div>
<script>
  window.fbAsyncInit = function() {
    FB.init({appId: 'your app id', status: true, cookie: true,
             xfbml: true});
  };
  (function() {
    var e = document.createElement('script'); e.async = true;
    e.src = document.location.protocol +
      '//connect.facebook.net/en_US/all.js';
    document.getElementById('fb-root').appendChild(e);
  }());
</script>

    Mise à jour:

    Essayez juste de cette partie (et ajouter #xfbml=1 à la fin de l'URL, doit être le même résultat sur votre site, mais chargement asynchrone):

    <div id="fb-root"></div>
<script>
  (function() {
    var e = document.createElement('script'); e.async = true;
    e.src = document.location.protocol +
      '//connect.facebook.net/en_US/all.js#xfbml=1';
    document.getElementById('fb-root').appendChild(e);
  }());
</script>

    Mettre ce script en bas de votre page