Facebook& Twitter喜欢按钮减缓页面加载

时间:2015-06-08 01:51:19

标签: jquery

我一直在测试页面速度,并注意到如果我删除这两个按钮,页面加载速度从4秒下降约3秒到1秒。因此,加速加载这些按钮或以其他方式移除它们显然是非常有利的。

我想保留它们,我正在研究如何加速它们。我读到有关Aync加载的信息,目前在Twitter上我在页面加载后加载了页面底部的脚本(注意:脚本在结束体标记之前加载):

$(window).load(function() {
    !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.async=true;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");
});

注意:我可以看到http://www.webpagetest.org等网站的延迟。

问题: 有没有办法将其加载到页面上,以便它不包含在初始页面加载中?

也许一旦页面加载,我可以等待一个事件(鼠标移动),然后加载这些脚本?这应该/可以从初始页面加载中删除延迟加载。

注意:我尝试了不同的jquery选项,如下所示,但这些仍然包含在初始页面加载中:

$(window).load(function() {
$(function() {

感谢

1 个答案:

答案 0 :(得分:1)

我建议将您引用的twitter / facebook文件放在本地服务器上。他们有时会因过度使用而陷入困境。