HTML – 为您的网站添加社交媒体“喜欢”和“1”按钮的最有效方法是什么?

发布时间:2020-08-01 发布网站:脚本之家
脚本之家收集整理的这篇文章主要介绍了HTML – 为您的网站添加社交媒体“喜欢”和“1”按钮的最有效方法是什么?脚本之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
这项任务听起来微不足道,但请耐心等待.

这些是我正在使用的按钮:

>谷歌(1)
> Facebook(赞)
>推特(推特)
> LinkedIn(分享)

通过对webpagetest.org进行一些测试,我发现如果你从每个服务中获取片段以将这些按钮放在你的页面上,那就太低效了.除了图像本身,您还可以有效地下载多个JavaScript文件(在某些情况下,只需一个按钮就可以下载多个JavaScript文件).在Facebook连接上,Facebook Like按钮及其相关资源的总加载时间可长达2.5秒.

现在使用像ShareThis这样的服务要好一些,因为你可以从一个来源获得多个按钮.但是,他们没有对Google 1的适当支持.如果您从Google 1按钮获取代码,它仍然会从Google获取所有这些资源.

我有一个想法,涉及在单击通用外观“共享”按钮时加载所有按钮.这样就不会增加页面加载时间.我认为这可以使用here描述的代码作为起点来完成.这可能是一个很好的解决方案,但我想在走这条路之前我会问这里.

解决方法

我不担心,这就是为什么:如果有问题的网站已正确管理他们的资源 – 并且,来吧,它是谷歌和Facebook等… – 浏览器应该在第一次请求后缓存它们.您可能会在缓存较小或已禁用的服务中看到效果,但很可能所有客户在访问您的网页之前都已将这些资源放在缓存中.

而且,仅仅因为我很好奇,这是另一种方式:

以下是StackOverflow的facebook分享javascript的相关代码片段:

facebook:function(c,k,j){k=a(k,"sfb=1");c.click(function(){e("http://www.facebook.com/sharer.php?u="+k+"&ref=fbshare&t="+j,"sharefacebook","toolbar=1,status=1,resizable=1,scrollbars=1,width=626,height=436")})}}}();

缩小,因为,嘿,我没有费心去修改代码.

看起来StackOverflow工程师只是在点击时调用页面.这意味着它只是文本,直到你点击它,它动态地拉动所有内容.

总结

以上是脚本之家为你收集整理的HTML – 为您的网站添加社交媒体“喜欢”和“1”按钮的最有效方法是什么?全部内容,希望文章能够帮你解决HTML – 为您的网站添加社交媒体“喜欢”和“1”按钮的最有效方法是什么?所遇到的程序开发问题。

如果觉得脚本之家网站内容还不错,欢迎将脚本之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您喜欢交流学习经验,点击链接加入脚本之家官方QQ群:1065694478
脚本之家官方公众号

微信公众号搜索 “ 程序精选 ” ,选择关注!

微信公众号搜索 “ 程序精选 ”
精选程序员所需精品干货内容!