像盒子一样缓存Facebook？

我正在使用Facebook上的Like Box代码，我注意到它阻碍了我的页面加载。在查看Firebug之后，它加载了一堆Javascript和CSS文件。我想知道有没有一种方法可以像Facebook一样缓存这个盒子？我确实在谷歌上搜索过，但我唯一看到的是Wordpress。我正在使用php。

有一种方法可以做到这一点：使用通道文件并尽可能多地缓存它。了解更多信息

我使用@Martin link查找此链接

下面的代码被修改以适合我的情况，但我不确定它的速度有多快，或者缓存是否正常工作

<div id="fb-root"></div>
<script>
  window.fbAsyncInit = function() {
    FB.init({
      channelUrl : '//WWW.YOUR_DOMAIN.COM/channel.php', // Channel File
      status     : true, // check login status
      cookie     : true, // enable cookies to allow the server to access the session
      xfbml      : true  // parse XFBML
    });

    // Additional initialization code here
  };

  // Load the SDK Asynchronously
  (function(d){
     var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
     if (d.getElementById(id)) {return;}
     js = d.createElement('script'); js.id = id; js.async = true;
     js.src = "//connect.facebook.net/en_US/all.js";
     ref.parentNode.insertBefore(js, ref);
   }(document));
</script>

window.fbAsyninit=函数（）{
FB.init({
channelUrl:'//WWW.YOUR_DOMAIN.COM/channel.php'，//通道文件
状态：true，//检查登录状态
cookie:true，//启用cookie以允许服务器访问会话
xfbml:true//解析xfbml
});
//这里有额外的初始化代码
};
//异步加载SDK
（职能（d）{
var js，id='facebook jssdk'，ref=d.getElementsByTagName（'script'）[0]；
if（d.getElementById（id））{return；}
js=d.createElement（'script'）；js.id=id；js.async=true；
js.src=“//connect.facebook.net/en_US/all.js”；
ref.parentNode.insertBefore（js，ref）；
}（文件）；

My channel.php也是从同一个页面上显示的：

 <?php
 $cache_expire = 60*60*24*365;
 header("Pragma: public");
 header("Cache-Control: max-age=".$cache_expire);
 header('Expires: ' . gmdate('D, d M Y H:i:s', time()+$cache_expire) . ' GMT');
 ?>
 <script src="//connect.facebook.net/en_US/all.js"></script>

---

希望这有助于添加到解决方案中。

您能否详细说明如何实际编写此代码？我在SDK中迷路了。