显示多个类似按钮（大约 60 个按钮）时如何减少加载时间？答案

【问题标题】：How can I reduce the loadtime when showing multiple like buttons (about 60 buttons)?显示多个类似按钮（大约 60 个按钮）时如何减少加载时间？
【发布时间】：2013-01-18 16:11:14
【问题描述】：

在我的一个页面上，我展示了大约 60 件我希望通过 facebook 变得“讨人喜欢”的商品。问题是我不能使用多个页面来显示项目，因为这会降低页面的可用性。但是当加载/显示 60 个类似按钮时，对于我的浏览器来说实在是太多了。该页面不再可用，因为显示 60 个按钮的影响，即使滚动也需要几秒钟。

有人知道使用“赞”按钮的另一种方法吗？是否可以构建一个自定义的点赞按钮，该按钮从我的本地数据库加载点赞数，并在用户单击我自己的点赞按钮时以某种方式触发 Facebook 点赞机制？这可以通过构建一个自定义的类似按钮来完成，该按钮在单击时加载真正的类似按钮，隐藏它并自动触发对真正的类似按钮的点击？ facebook指南甚至会允许还是禁止这样做？如果是这样，有没有其他办法？

最好的问候，丹尼尔

【问题讨论】：

标签： facebook-like load-time

【解决方案1】：

使用占位符图像并在用户将鼠标悬停在其上时通过 javascript 懒惰地加载它们。这就是 Techcrunch 所做的。

【讨论】：

【解决方案2】：

您可以在此处执行一些操作来加快加载时间：

确保您只加载 JS SDK 一次 - Like button configurator 的最新代码会为您解决这个问题。
异步加载 JS SDK，如 JS SDK overview page 中所述
使用 XFBML 版本的 Like 按钮

【讨论】：

【解决方案3】：

您应该使用 xFBML 版本的 Like 按钮并异步加载 SDK。 http://developers.facebook.com/docs/reference/javascript/

【讨论】：

【解决方案4】：

您不能在 javascript 中触发点赞按钮的点击。

但是，您可以隐藏点赞按钮，直到用户将鼠标悬停在点赞按钮上并创建它。

这样的事情可能会有所帮助：

http://www.reddit.com/r/programming/comments/k6kzy/german_publisher_heise_creates_a_privacy/

【讨论】：