Question

我在网站上使用coinwidget.com的第三方脚本。但是，我发现这个特定的脚本需要相当长的时间来加载和延迟网站上发生的其他一些事情。如何让最后一次加载...

<script src="http://coinwidget.com/widget/coin.js"></script>
<script>
CoinWidgetCom.go({
wallet_address: "773ce37f-fa57-4946-a1f8-d3e3e4a87290"
, currency: "bitcoin"
, counter: "count"
, alignment: "bl"
, qrcode: true
, auto_show: true
, lbl_button: "Donate"
, lbl_address: "My Bitcoin Address:"
, lbl_count: "donations"
, lbl_amount: "BTC"
});
</script>

Answer 1

确保将脚本放在结束body标记之前。

Read more here

Answer 2

考虑在第三方脚本代码上使用async属性，然后将第二个代码段包装在onload事件like this中。

Answer 3

尝试在setInterval函数中运行脚本，以便为浏览器中的其他活动提供空间。

Answer 4

假设您正在等待“事物”的分类。通过另一个脚本填充

$(window).load(function () {
    var i = setInterval(function () {
        if ($('#things').length) {
            clearInterval(i);
            // put your code here.
        }
    }, 100);
});

Answer 5

通过在页面上放置'CoinWidget'所在的占位符，将标签移到底部并将CoinWidgetCom.go（）包装在jQuery就绪函数中，我可以提高用户体验。

<-- bottom of page -->
<script src="http://coinwidget.com/widget/coin.js"></script>
<script>
   $(function() {
       CoinWidgetCom.go({ .... });
   });
</script>

他将允许您的页面快速显示，因为它在渲染html后加载coin.js但确保CoinWidgetCom.go（）不会过早运行。

此外，如果您正在使用CDN（您应该使用CDN），为什么不下载coin.js自己上传到CDN？

最后加载第三方javascript

5 个答案: