Facebook “多重”；“喜欢按钮”；它在一页上

我有一个包含20篇文章的页面，每篇文章都有一个类似Facebook的按钮，使用标签实现

正因为如此，当Firefox在后台查询每个like按钮时，我的网站速度大大减慢

---

我能做些什么来减少这个负载吗？

我假设您正在使用iframe来显示类似的按钮。性能是使用iFrame的缺点。如果您有20个iFrame，那么这相当于加载20个web页面（包含20个独立的http请求）。由于浏览器对每个域都有连接限制，因此加载这么多iFrame可能需要一段时间。在较旧的浏览器中尤其如此，每个域的连接限制只有2个，这意味着一次只能加载2个iFrame。iframe还可能产生阻止其他下载的负面影响，这使得问题更加严重。您可以在此处阅读有关iframe性能问题的所有信息：

---

如果可能的话，你可能想考虑使用XFBML类似的按钮，而不是IFRAME。不幸的是，这意味着您需要加载Facebook的JavaScript SDK，但如果有20个类似的按钮，您应该会看到整体性能的提升。

作为替代方案，如果您不喜欢xfbml，您可以尝试类似OpenLike的服务：

从他们的：

通过首先加载OpenLike javascript，然后调用OpenLike.widget（）创建小部件。可以在同一页面中嵌入多个小部件，每个小部件具有不同的选项

---

根据我的经验，所有额外的iframe实际上都比使用javascriptsdk快，即使类似的图标应该异步加载。我有一个页面，上面有大约18个相似按钮，至少IFRAME方法不会像JS版本那样让用户感觉到速度变慢——唯一的缺点是相似按钮在IFRAMES中“弹出”到页面的时间稍晚。

我最终使用了类似于JQuery Sonar的解决方案。这似乎对我有好处。我更喜欢一个能加载所有按钮的单一呼叫，但这超出了我的控制范围

---

如果我有更多的时间，我会做的是使用facebook API获取计数并制作我自己的按钮（如果我想要它们的功能，也许可以在hover上加载真正的按钮，但iirc您可以直接调用“共享”功能）。我目前没有时间在facebook上做那么多的宣传，所以这只是一种权宜之计，我不认为它有太多的缺点，而且它似乎被许多不同的网站所使用。

这对我来说似乎很有效，但它仍然感觉有点问题。第一个小部件显示了页面的徽标，下面的小部件显示了我想要的like按钮。这是我的代码：OPENLIKE.Widget（{s:[“facebook”]，url:“.”by tester“}）我查看了他们的文档，问题跟踪程序，并简要查看了谷歌的讨论，没有看到类似的内容。很奇怪。它还在发生吗？这可能是一个孤立的问题，在我的ipad上看不到。这是我在笔记本电脑上看到的：。在这里可以看到实际的页面：当我直接访问页面时，它看起来很好，工作也很好。我在Mac上使用Chrome。我很确定我已经在使用xfbml代码了，它是这样开始的，对吗<代码>我没有意识到他们也将iFrame用于xfbml。谢谢你让我知道。我也有同样的问题，Firefox更糟糕（地址栏会为每一个类似FB的按钮闪烁）。真的在寻找一个很好的解决方案。