javascript - Twitter按钮脚本同步加载，需要异步加载

Question

我对阻止页面渲染的 twitter 按钮脚本没什么问题。

我一直在使用的脚本如下

<a href="https://twitter.com/share" class="twitter-share-button" data-url="$info['referring_url']" data-count="vertical" data-via="MyTwitterID">Tweet</a>
<script type="text/javascript">!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

关于如何排序的任何想法？

Answer 1

其实我自己也找到了方法

对于那些可能需要知道的人，只需添加以下内容：

js.async=true;

所以这条线应该是这样的：

<a href="https://twitter.com/share" class="twitter-share-button" data-url="$info['referring_url']" data-count="vertical" data-via="MyTwitterID">Tweet</a>
<script type="text/javascript">!function(d,s,id){
var js,fjs=d.getElementsByTagName(s)[0];
if(!d.getElementById(id)){
    js=d.createElement(s);js.id=id;js.async=true;
    js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);
}
}(document,"script","twitter-wjs");</script>