如今,常见的做法是在网页上添加社交按钮,以提高用户参与度,并更轻松地共享您的帖子。 但是,这些按钮可能会严重降低您的网站加载性能。
例如,使用Facebook的“赞”按钮,是罪魁祸首,该脚本为您的页面获取“喜欢”的数字,并附加按钮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和插件选项的完全可自定义按钮。
- 能够获取股份号并进行汇总。
- 使用Google Analytics(分析)进行跟踪。
- 可作为WordPress插件使用 。
- 依赖jQuery才能工作。
- 还依赖其他PHP脚本(用于查询Google+共享号)。
3. TNW社会人数
TNW Social Count是一个WordPress插件,最初是为The Next Web开发的,用于获取文章的共享数量,并显示结果,如以下屏幕快照所示。 值得庆幸的是,尽管没有包括所有功能,但开发人员足够慷慨地免费发布该插件。
- 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 +计数器。
- 它在页面加载时查询计数器编号。
翻译自: https://www.hongkiat.com/blog/optimizing-social-button/