在一个页面上有效地拥有多个像facebook一样的按钮

Question

我在一个页面上有大约20个Facebook赞按钮 - 每个都指的是不同的网址。

当我看一下我的页面的性能时，每个这样的按钮都在下载一个.js文件：

https://static.xx.fbcdn.net/rsrc.php/v3iSgH4/y5/l/en_US/yGeRhgWiqPf.js

文件本身只有104 KB大，但下载20次已经是2 MB。

这就是我创建类似按钮的方式：

页面上的代码ONCE：

<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/en_US/sdk.js#xfbml=1&version=v2.3";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>

每个按钮的代码：

<div class="fb-share-button" data-href="https://example.com/post/1" 
         data-layout="button"></div> 

我还没有找到一种方法只能下载.js ONCE并减少流量（我的整个页面大小为3.9MB，其中2.4 MB是脚本）

感谢您的任何建议!!