caching - 如何防止 Facebook 点赞按钮延迟我网站上的加载？

Question

我已经在我的网站上添加了 facebook 赞按钮。加载下面的 jscript 时会有延迟，页面的其余部分在完成之前不会加载。此外，如果我用我的防火墙阻止 facebook，在它放弃之前会有很长的延迟，然后显示我页面的其余部分。如何让我的页面先显示，然后显示那个按钮？ (我这样做是为了看看如果 facebook 出现问题会发生什么。)此外，当我加载不同的页面时，facebook 的类似按钮会不断重新加载(它明显不存在，直到重新加载 - 1/3 秒。)按钮在同一个地方在每一页上，在顶部的横幅中。其他图像不会重新加载——它们被缓存了——并且在选择不同的页面时它们会显示为静态。有什么方法可以缓存该脚本吗？

代码如下:

<div style="position: absolute; top:20px; right:85px; width:70px; height:25px">
    <script type="text/javascript" src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
    <fb:like href="http://www.facebook.com/pages/somepage/somenum" layout="box_count" show_faces="false" width="50"></fb:like>
</div>

谢谢

更新:我找到了这段异步加载 all.js 的代码:

“另一种方法是异步加载，这样它就不会阻止加载页面的其他元素:”

<div id="fb-root"></div><script>window.fbAsyncInit = function() {  
FB.init({appId: 'your app id', status: true, cookie: true,  
xfbml: true});  
};  
(function() {  
var e = document.createElement('script'); e.async = true;  
e.src = document.location.protocol +  
'//connect.facebook.net/en_US/all.js';  
document.getElementById('fb-root').appendChild(e);  
}());  
</script>  

但是“您的应用程序 ID”是什么？该代码来自这里 http://www.mohammedarif.com/?p=180

Answer 1

元素加载发生在代码中从上到下。如果在代码之上加载非常大的资源，它会延迟加载 total。如果您想之前显示您的页面，请将此按钮放在代码的末尾。