為網(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>