Question

我使用以下代码更快地加载facebook，g +，twitter按钮。

<div id="fb-root"></div>
<script>
  (function(doc, script) {
    var js, 
        fjs = doc.getElementsByTagName(script)[0],
        frag = doc.createDocumentFragment(),
        add = function(url, id) {
            if (doc.getElementById(id)) {return;}
            js = doc.createElement(script);
            js.src = url;
            js.async = true;
            id && (js.id = id);
            frag.appendChild( js );
        };
    // Google+ button
    add('http://apis.google.com/js/plusone.js');
    // Facebook SDK
    add('//connect.facebook.net/en_US/all.js#xfbml=1&appId=xxxxxxx', 'facebook-jssdk');
    // Twitter SDK
    add('//platform.twitter.com/widgets.js');
    fjs.parentNode.insertBefore(frag, fjs);
  }(document, 'script'));
</script>

我将上面的代码放在HTML的末尾。在我的测试中，上面的代码似乎比单独保存它们更快地加载按钮。

是否还有其他任何东西可以添加到上面的代码中，以使按钮加载速度比上面快？

由于

Answer 1

在Google+网址中使用https，在撰写此内容时，https://apis.google.com/js/plusone.js代替http://apis.google.com/js/plusone.js将取消一次往返。

其他两项服务也可能同样如此，但我没有通过测试，因为我使用自定义按钮。

加载类似按钮的速度更快

1 个答案: