优化社交(计数)按钮的 5 种方法
如今,在网页上添加社交按钮以提高用户参与度并使您的帖子更容易被分享是一种常见的做法。但是,这些按钮可能会严重降低您网站的加载性能。
例如,对于Facebook 的 Like按钮,用于为您的页面获取“like”数字以及附加按钮 HTML 标记的脚本是罪魁祸首。如果您在每篇帖子中添加“赞”按钮,其影响可能会非常显着。
在这篇文章中,我们将讨论几种优化社交按钮的解决方案,这也会提高您的页面加载性能。我们一直在尝试一些可用的工具和脚本,这里是我们列出的前 5 名,并附有它们的优缺点。让我们检查一下。
推荐阅读: 设计师的新职位描述:提高网站速度
1.名媛
Socialite是一个 JavaScript 库,由David Bushell开发。它允许我们在特定事件(如悬停或滚动)上加载实际的社交按钮,从而使您的页面加载更高效。
优点
- 作为WordPress 插件提供。
- 不需要 jQuery 或其他库。
- 在任何事件上加载实际的社交按钮:悬停、滚动、点击等。
- 可通过 CSS 自定义。
- 支持许多社交网络,包括 Facebook、Twitter、Google+、Linkedin、Pinterest、Spotify 和 Github。可扩展到其他社交网络。
缺点
- 不支持查询共享或喜欢的数字。
2. 沙尔
Sharrre是一个用于在网页上添加社交按钮的 jQuery 插件。它带有一组 API 来使按钮高度可定制。
优点
- 支持大量社交网络按钮,Google+、Facebook、LinkedIn、Digg 等。
- 带有 CSS 和插件选项的完全可定制按钮。
- 能够获取股票数量并对其求和。
- 使用谷歌分析进行跟踪。
- 作为WordPress 插件提供。
缺点
- 依赖于 jQuery 来工作。
- 还依赖额外的 PHP 脚本(用于查询 Google+ 分享数)。
3. TNW 社会统计
TNW Social Count是一个最初为The Next Web开发的 WordPress 插件,用于获取文章的分享数量,并显示结果,如下面的屏幕截图所示。值得庆幸的是,开发人员非常慷慨地免费发布了该插件,尽管并未包含所有功能。
优点
- WordPress 插件,非常容易与提供的 GUI 和模板标签一起使用。
- 支持四大社交网络:Facebook、Twitter、Google+ 和 LinkedIn(可能还不够)。
- 使用 CSS 完全可定制。
- 自动或按需获取计数的选项。
缺点
- 仅适用于 WordPress;需要一个变通办法让它在 Joomla 或 Drupal 上工作。
- 它在数据库中创建额外的字段。因此,如果您的托管计划的数据库资源有限,这可能会造成麻烦。
- 在撰写本文时,支持仅限于上述四个社交网络。
4. 花丝社会计数
Social Count是 Filament Group 开发的一个 jQuery 插件,用于显示来自 Facebook、Twitter 和 Google+ 的分享按钮。该插件通过单独加载按钮并仅在用户需求时有效地显示按钮;作为回报,网页加载速度更快。
优点
- 在悬停时单独加载按钮。
- 非常小的文件大小,只有2.98KB。
- 支持触摸设备。
缺点
- 仅支持 Facebook、Twitter 和 Google+ 分享按钮。
- 依赖 jQuery。因此,尽管非常小,但您需要从 jQuery加载额外的93kb 。
5.社交喜好
Social Likes是一个 jQuery 插件,用于显示带有分享数的社交按钮。它带有与实际样式相似的样式,如下面的屏幕截图所示。
优点
- 看起来接近原始按钮的默认按钮样式。
- 通过 CSS 和 GUI 自定义外观。
- 支持 Pinterest 和 LiveJournal。
- 易于扩展以添加额外的社交网络。
缺点
- 与 Sharrre 类似,它依赖于 jQuery 和 PHP 来查询 Goolge+ 计数器。
- 它查询页面加载时的计数器编号。