需要时加载pinterest脚本

Question

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

由于pinterest JS解析DOM并替换pinit按钮中的代码，如果按钮数量很多，这对我来说将变得非常昂贵。

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

Answer 1

我尝试了各种选择和方法：使用$ .getScript方法

1. 动态加载文件。
2. 使用$ .live方法进行实时事件绑定。
3. 不加载PINTEREST脚本并使用javascript处理弹出窗口。

第三种方法最适合我。它使我能够控制弹出窗口的位置，并且不会调用Pinterest脚本的任何不必要的调用。

Answer 2

下面是我们推荐的网站运营商谁想要异步加载脚本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> 

这不应该阻止你的页面加载。