如何推迟加载Twitter嵌入式时间轴窗口小部件？

Question

我正在使用新的Twitter嵌入式时间轴小部件，默认情况下，您需要将脚本放置在页面中要显示的位置。

这意味着它在页面底部的其他脚本之前被调用，其中一些脚本会调整布局，twitter会引起相当明显的延迟

在所有其他js运行之后，如何在末尾动态插入小部件？

<a class="twitter-timeline" href="https://twitter.com/search?    
q=from%3A%40jamesTbone" 
data-widget-id="XXXXXXXXXX"></a>
<script>!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>

Answer 1

您必须将脚本块放置在页面的末尾。 jQuery将在页面上依次运行每个脚本。

Answer 2

[如果有人仍然对此主题感兴趣，Patrick Sexton拥有很好的例子，可以更好地推迟Twitter，Facebook和Google Analytics（分析）：https://varvy.com/pagespeed/defer-many-javascripts.html