Question

我的页面很像this，有很多社交按钮。很多意味着超过50个按钮，因为该页面上的每个帖子都有自己的按钮。

所以也许我会让页面更小，帖子更少，但这不是主要原因而不是我要找的东西。

我想知道如何让按钮更快......

使用XFBML？ IFRAME？ HTML5？
如何让所有这些脚本从一个脚本运行而不是重复？
您是否建议在用户向下滚动时加载其余按钮？
您是否建议使用AddThis或Sharrre等服务？
如何异步制作所有JS加载？
其他提示？

谢谢！

Answer 1

你真的无法控制任何外部插件的性能。
您可以在提交href之前生成每个按钮div的数组，然后将每个按钮写入其所需位置的DOM。
我建议不要同时加载它们，你可以用setTimeout来补偿它们，“我建议每个200ms”。
按照第三方不推荐，按钮工作正常。
异步，请参阅http://developers.facebook.com/docs/reference/javascript/
没有其他建议。

异步样本。

<div id="fb-root"></div>
<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId      : 'YOUR_APP_ID', // App ID
      channelUrl : '//WWW.YOUR_DOMAIN.COM/channel.html', // Channel File
      status     : true, // check login status
      cookie     : true, // enable cookies to allow the server to access the session
      xfbml      : true  // parse XFBML
    });

    // Additional initialization code here
  };

  // Load the SDK Asynchronously
  (function(d){
     var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
     if (d.getElementById(id)) {return;}
     js = d.createElement('script'); js.id = id; js.async = true;
     js.src = "//connect.facebook.net/en_US/all.js";
     ref.parentNode.insertBefore(js, ref);
   }(document));
</script>

多个社交按钮快速加载？

1 个答案: