需要时加载pinterest脚本

Question

我有一个索引页面，其中Pinterest按钮可以多次显示不同的项目。 我想确保页面加载速度快，Pinterest按钮不会减慢页面速度。

然而，因为pinterest JS解析DOM并替换pinit按钮中的代码，如果按钮数量很高，这对我来说会变得很贵。

我可以以某种方式改进这个过程。我怎样才能在需要时调用pinterest脚本？

Answer 1

我们建议那些想要异步加载Pinterest脚本的网站运营商：

<script type="text/javascript">
(function(d){
  var f = d.getElementsByTagName('SCRIPT')[0], p = d.createElement('SCRIPT');
  p.type = 'text/javascript';
  p.async = true;
  p.src = '//assets.pinterest.com/js/pinit.js';
  f.parentNode.insertBefore(p, f);
}(document));
</script>

这不应该阻止加载您的网页。

Answer 2

我尝试了各种选择和方法：

1. 使用$ .getScript方法动态加载文件。
2. 使用$ .live方法进行实时事件绑定。
3. 不使用javascript加载PINTEREST脚本并单击处理弹出窗口。
第三种方法最适合我。它让我控制弹出窗口定位，也不会调用任何不必要的Pinterest脚本调用。