Facebook 优化FB社交插件性能

我正在阅读这篇关于优化社交插件性能的文章

本文介绍了如何将

channelUrl

与

channel.html

文件一起使用

问题是，这篇文章是关于XFBML社交插件的，而我正在使用HTML5社交插件

<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_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>


<div class="fb-comments" data-href="http://example.com" data-num-posts="2" data-width="470"></div>

（功能（d、s、id）{
var js，fjs=d.getElementsByTagName[0]；
if（d.getElementById（id））返回；
js=d.createElement；js.id=id；
js.src=“//connect.facebook.net/en_US/all.js#xfbml=1”；
fjs.parentNode.insertBefore（js，fjs）；
}（文档“脚本”、“facebook jssdk”）；

我的问题是如何和/或我仍然需要将

channelUrl

与

channel.html

与HTML5社交插件一起使用？

---

在HTML5社交插件的上下文中，我找不到任何关于

channelUrl

的信息。

无论您是通过XFBML还是HTML5标记嵌入插件，都没有多大区别。它们都被JSSDK解析，这就是在后台生成一些跨域请求的原因，而channel.html文件是在旧浏览器中加速这些请求的一种方法

<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_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>


<div class="fb-comments" data-href="http://example.com" data-num-posts="2" data-width="470"></div>

因此，为了清楚地回答您的问题：是，您应该给出channel.html文件的地址，无论您是使用XFBML还是HTML5标记嵌入社交插件。

两个问题：1）您对旧浏览器感到难过，但我读到的文档没有提到旧浏览器。文档称channel.html将阻止在后台重新创建页面副本。我错过什么了吗？2） 如何在OP中修改HTML5代码以合并channelUrl？我没有找到任何关于如何在HTML5中实现这一点的代码示例。谢谢！1） 我想我是在什么地方读到的，但从他们的博客文章来看，它似乎也与当前的浏览器有关。2） 它就在你提到的博客页面上，在JSSDK文档的起始页面上也有描述，