需要時加載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> 

這不應該阻止你的頁面加載。