最后加载第三方javascript

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标签之前。

在这里阅读更多

Answer 2

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

Answer 3

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

Answer 4

假设您正在等待通过其他脚本填充“事物”的div ID

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

Answer 5

通过在页面上放置CoinWidget的位置放置占位符，将标签移至底部，然后将CoinWidgetCom.go（）包装在jQuery ready函数中，可以使用户体验更好。

<-- 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？