讓Google +1按鈕顯示加載速度變快的方法

2011-06-08 13:14:45來源:實時信息作者:

為網(wǎng)站設(shè)計的Google +1按鈕發(fā)布以來,很多網(wǎng)站立刻部署上了,但大家也發(fā)現(xiàn)了一個嚴重的問題【使用了Google+1后網(wǎng)站打開速度變慢了,Google +1按鈕總要等上數(shù)秒甚至是數(shù)十秒才能讀取完畢出現(xiàn)在頁面里】今天Aaron Pet

為網(wǎng)站設(shè)計的Google +1按鈕發(fā)布以來,很多網(wǎng)站立刻部署上了,但大家也發(fā)現(xiàn)了一個嚴重的問題【使用了Google+1后網(wǎng)站打開速度變慢了,Google +1按鈕總要等上數(shù)秒甚至是數(shù)十秒才能讀取完畢出現(xiàn)在頁面里】今天Aaron Peters給出了幾個優(yōu)化的意見,大家可以參考一下。

首先是一定不要把那段Javascript代碼放在<head>標(biāo)簽里,這樣會拖慢整個網(wǎng)頁的打開速度。最好是將其放在</body>之前,這樣頁面可以完全打開,之后再等待+1按鈕慢慢讀取。其實Google如果再上心點,做成類似AdSense和Google Analytics那種非阻塞形式的JS代碼就更快了。

其次,Aaron發(fā)現(xiàn)Google的Javascript代碼只允許瀏覽器緩存6分鐘,這其實也導(dǎo)致了我們再次打開網(wǎng)頁時候速度依然快不起來。 Aaron還發(fā)現(xiàn)Google提供的代碼有個小瑕疵,其中的http://apis.google.com/js/plusone.js應(yīng)該改成 https鏈接,否則瀏覽器會做一次自動跳轉(zhuǎn),又耽誤了一點時間。

最后,Aaron建議在Google改進之前,這么來寫Google +1的代碼還能快一點:

    <!-- Place this tag just before your close body tag -->
    <script>
    (function(d, t) {
    var g = d.createElement(t),
    s = d.getElementsByTagName(t)[0];
    g.async = true;
    g.src = 'https://apis.google.com/js/plusone.js';
    s.parentNode.insertBefore(g, s);
    })(document, 'script');
    </script>

    <!-- Place this tag where you want the +1 button to render -->
    <g:plusone></g:plusone>
 

關(guān)鍵詞:Google+1按鈕加載

贊助商鏈接: