我有一个性能相当不错的网站,平均加载时间为0.97
所有页面。但是,我们最近在我们的主页上添加了一个 Facebook 喜欢按钮,这导致2.09
该特定页面的加载时间。
这绝对不是一个值得关注的关键问题。例如,我可以在页面加载后用 js 插入点赞按钮,但它必须是 iframe,从而限制点击量(GA 社交插件)。
有没有办法在页面加载后呈现like按钮并仍然保留API,允许点击跟踪?
我有一个性能相当不错的网站,平均加载时间为0.97
所有页面。但是,我们最近在我们的主页上添加了一个 Facebook 喜欢按钮,这导致2.09
该特定页面的加载时间。
这绝对不是一个值得关注的关键问题。例如,我可以在页面加载后用 js 插入点赞按钮,但它必须是 iframe,从而限制点击量(GA 社交插件)。
有没有办法在页面加载后呈现like按钮并仍然保留API,允许点击跟踪?
在 onload 后尝试加载 facebook:
<script>
(function(w, d, s) {
function go(){
var js, fjs = d.getElementsByTagName(s)[0], load = function(url, id) {
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.src = url; js.id = id;
fjs.parentNode.insertBefore(js, fjs);
};
load('//connect.facebook.net/en_US/all.js#appId=272697932759946&xfbml=1', 'fbjssdk');
load('https://apis.google.com/js/plusone.js', 'gplus1js');
load('//platform.twitter.com/widgets.js', 'tweetjs');
}
if (w.addEventListener) { w.addEventListener("load", go, false); }
else if (w.attachEvent) { w.attachEvent("onload",go); }
}(window, document, 'script'));
</script>
资料来源:http ://www.aaronpeters.nl/blog/why-loading-third-party-scripts-async-is-not-good-enough