这项任务听起来微不足道,但请耐心等待.
这些是我正在使用的按钮:
>谷歌(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工程师只是在点击时调用页面.这意味着它只是文本,直到你点击它,它动态地拉动所有内容.
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。