异步加载的Javascript

我试图加载我的网页上的所有Facebook/Twitter /谷歌工具异步，以阻止他们减缓页面加载。我认为我有正确的代码来做到这一点，但它似乎不起作用。异步加载的Javascript

所有的代码位都在一个PHP在一起有这样的：

<!-- Facebook --> 
<div id="fb-root"></div> 
<script> 
(function(d, s, id) { 
    var js, fjs = d.getElementsByTagName(s)[0]; 
    if (d.getElementById(id)) return; 
    js = d.createElement(s); js.id = id; 
    js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1&appId=xxxxxxxxxxxxxxx"; 
    fjs.parentNode.insertBefore(js, fjs); 
}(document, 'script', 'facebook-jssdk')); 
</script> 

<!-- Google +1 --> 
<script type="text/javascript"> 
    window.___gcfg = {lang: 'en-GB'}; 
    (function() { 
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; 
    po.src = 'https://apis.google.com/js/plusone.js'; 
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); 
    })(); 
</script> 

<!-- Twitter --> 
<script> 
!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> 

<!-- Analytics --> 
<script type="text/javascript"> 
    var _gaq = _gaq || []; 
    _gaq.push(['_setAccount', 'UA-xxxxxxxx-x']); 
    _gaq.push(['_trackPageview']); 
    (function() { 
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; 
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; 
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); 
    })(); 
</script>

当我测试上webpagetest.org一个页面的页面加载时间约为5秒，我可以看到有在页面完成之前发生的对Facebook等人请求的流量负载。当我删除脚本时，页面加载速度降低到更可敬的1.9秒。

是我吗？

来源

2012-08-17 TrapezeArtist

你的问题是， “是我吗？”。我不知道你的意思，所以我只是猜测50％的可能性是正确的。 – 2012-08-17 12:55:33

你可以做一两件事：

<html> 
    <head> 
    </head> 
    <body> 
     .... 
     .... 
     <script src='http://....'/> 
     <script src=''/> 
    </body> 
</html>

它加载页面的一项重要内容，之后将immedeately加载脚本。您可以按照这种方式加载您的内容和脚本的优先级。

来源

2012-08-17 12:58:06

是的，如果你想在脚本标签中写入JavaScript，你可以在标签内写入脚本并忽略'url'属性。 – 2012-08-17 12:59:20

您也可以尝试使用JavaScript 延迟属性：

<script defer="defer"></script>

来源

2012-08-17 13:00:51

现代浏览器，你也可以使用

<script type="text/javascript" async src="..."></script>

来源

2012-08-17 13:02:08

异步加载的Javascript

回答

相关问题