快速加载的多个社交按钮?

时间:2012-08-07 作者:user1341839

我有这样的页面this 有很多社交按钮。很多意味着超过50个按钮,因为页面上的每个帖子都有自己的按钮。

所以也许我会缩小页面,减少帖子,但这不是主要原因,也不是我想要的。

我想知道怎样才能使按钮更快。。

Use XFBML? Iframe? HTML5?
How can I make all of them run from one script and not duplicate?
Do you recommend loading the rest of the buttons just when the user scrolls down?
Do you recommend using a service like AddThis or Sharrre?
How can I make all my JS load asynchronously?
Other tips?
谢谢!

3 个回复
最合适的回答,由SO网友:Jan Beck 整理而成

最近出现了一种越来越流行的解决方案,特别是在网络的德语部分,称为双击法。

它仅在用户单击按钮的灰色图像后加载按钮。这样做的好处是可以保护用户的隐私,因为facebook和twitter以传输敏感用户数据而闻名,即使用户尚未单击按钮,即使用户未登录。

另一个优点当然是减少了最初加载的脚本。

当你关心你的用户隐私并想减少加载时间时,你可以这样一石二鸟。

不幸的是,我找不到任何英文文档,但代码示例和Google Translate的一些帮助应该会对此有所帮助:http://www.heise.de/extras/socialshareprivacy/

SO网友:Mattvic

上述脚本的另一种选择是http://socialitejs.com/, 他们还有一个WordPress插件。

您还可以选择仅在按钮进入“用户”视口时加载按钮。jQuery WayPoints 这可能很有用。

但在你的情况下,我会从跟踪社交按钮的效果开始。根据我的经验,社交按钮只有放在文章中才有效,而在归档/分类页面上则不太有效。Social Interaction Analytics 从GA可以让您更好地了解放置这些按钮的意义。

SO网友:Rutwick Gangurde

你可以试试这个插件rtSocial. 它使用自己的JavaScript和图像精灵,并且不阻止页面加载以获取计数,这使得它非常快速。但它只有5项主要服务:FB共享、Twitter、Pinterest、G+共享和LinkedIn共享。检查this link 查看正在运行的插件。

结束