Javascript 延迟addThis的执行

Javascript 延迟addThis的执行,javascript,jquery,addthis,domready,Javascript,Jquery,Addthis,Domready,我有一个使用谷歌地图和我自己的javascript的网站。我正在使用AddThisJavaScript作为社交按钮。在我的javascript加上google javascript加载并运行(在$(document.ready…)之前,这个网站是不可用的,所以我想尽量减少运行过程中的延迟。因此,我考虑推迟AddThis模块,直到其他所有事情都完成,因为它并不那么重要 关于stackoverflow的其他问题建议将指向我想要延迟的javascript的链接放在页面底部。但我认为这与我无关,因为$(

我有一个使用谷歌地图和我自己的javascript的网站。我正在使用AddThisJavaScript作为社交按钮。在我的javascript加上google javascript加载并运行(在
$(document.ready…
)之前,这个网站是不可用的,所以我想尽量减少运行过程中的延迟。因此,我考虑推迟AddThis模块,直到其他所有事情都完成,因为它并不那么重要

关于stackoverflow的其他问题建议将指向我想要延迟的javascript的链接放在页面底部。但我认为这与我无关,因为
$(文档)。准备好了吗?
在所有链接的javascript加载之前,无论其放置在何处,都不会启动

如果是这样,我是否应该在
$(document.ready…
)之后以某种方式加载addThis javascript

虽然我真的不想运行addThis,直到所有谷歌地图图片等都加载完毕(我相信.ready()不会等待这个)。有没有推荐的方法来处理这种事情

作为参考,此用法的典型添加

<script type="text/javascript">
    var addthis_config = {
        "data_track_addressbar":false,
        "ui_click":true,
        "data_use_cookies": false
    };
</script>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#"></script>

<div class="addthis_toolbox addthis_default_style addthis_32x32_style">
<a class="addthis_button_facebook"></a>
<a class="addthis_button_twitter"></a>
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_compact" title="Share"></a>
</div>

var addthis_config={
“数据跟踪地址栏”:false,
“ui_click”:true,
“数据使用cookies”:false
};
我想出了这个办法(如果有更好的办法,请告诉我)


var addthis_config={
“数据跟踪地址栏”:false,
“ui_click”:true,
“数据使用cookies”:false
};
$(窗口).on(“加载”,函数(){
$(“头”)
.append($('')
.attr('type','text/javascript')
.attr('src',”http://s7.addthis.com/js/250/addthis_widget.js#"));        
});

看看异步加载AddThis:


至少,这将最大限度地减少加载时间(但幸运的是,大多数计算机上都已缓存了此项,因此加载时间非常短)。

以防仍有人在寻找解决方案。AddThis已经发布了许多人对页面延迟感到恼火的消息,他们现在提供了几个选项,您可以在(dom)准备就绪时在脚本中控制加载: 虽然您也可以使用动态加载或追加#async=1来异步加载,但我认为另一个好的选项就是以这种方式放置的——在dom就绪之前不会运行:

<script type="text/javascript">


 /*
    //if you have a pub_id, add it here and uncomment these two lines
    var addthis_config = addthis_config||{};
    addthis_config.pubid = 'YOUR PUBID';
    */
    var addthisScript = document.createElement('script');
    addthisScript.setAttribute('src', 'http://s7.addthis.com/js/300/addthis_widget.js#domready=1')
    document.body.appendChild(addthisScript)
</script>

/*
//如果您有一个pub_id,请将其添加到此处并取消对这两行的注释
var addthis_config=addthis_config |{};
addthis_config.pubid='YOUR pubid';
*/
var addthisScript=document.createElement('script');
addthisScript.setAttribute('src','http://s7.addthis.com/js/300/addthis_widget.js#domready=1')
document.body.appendChild(addthisScript)

您可以

确保在addthis\u config变量中包含您的配置文件ID,以确保仍然跟踪分析,如:var addthis\u config={“data\u track\u addressbar”:false,“ui\u click”:true,“data\u use\u cookies”:false,“pubid”:“your\u pubid”};
<script type="text/javascript">


 /*
    //if you have a pub_id, add it here and uncomment these two lines
    var addthis_config = addthis_config||{};
    addthis_config.pubid = 'YOUR PUBID';
    */
    var addthisScript = document.createElement('script');
    addthisScript.setAttribute('src', 'http://s7.addthis.com/js/300/addthis_widget.js#domready=1')
    document.body.appendChild(addthisScript)
</script>