这项任务听起来微不足道,但请耐心等待。
这些是我正在使用的按钮:
- 谷歌 (+1)
- 脸书(喜欢)
- 推特(推文)
- 领英(分享)
通过在webpagetest.org 上进行一些测试,我发现如果您从这些服务中的每一个中获取代码段以将这些按钮放置在您的页面上,那么效率会非常低。除了图像本身之外,您还可以有效地下载多个 JavaScript 文件(在某些情况下,只需一个按钮即可下载多个 JavaScript 文件)。Facebook Like 按钮及其相关资源的总加载时间在 DSL 连接上可能长达 2.5 秒。
现在使用 ShareThis 之类的服务会更好一些,因为您可以从一个来源获得多个按钮。但是,他们对 Google +1 没有适当的支持。如果您从他们那里获得 Google +1 按钮的代码,它仍然会从 Google 中提取所有这些资源。
我有一个想法,它涉及在单击具有通用外观的“共享”按钮时加载所有按钮。这样就不会增加页面加载时间。我认为这可以使用此处描述的代码作为起点来完成。这可能是一个很好的解决方案,但我想在走这条路之前我会在这里问。