為網站設計的Google +1按鈕發布以來,很多網站立刻部署上了,但大家也發現了一個嚴重的問題【使用了Google+1后網站打開速度變慢了,Google +1按鈕總要等上數秒甚至是數十秒才能讀取完畢出現在頁面里】今天Aaron Peters給出了幾個優化的意見,大家可以參考一下。
首先是一定不要把那段Javascript代碼放在<head>標簽里,這樣會拖慢整個網頁的打開速度。最好是將其放在</body>之前,這樣頁面可以完全打開,之后再等待+1按鈕慢慢讀取。其實Google如果再上心點,做成類似AdSense和Google Analytics那種非阻塞形式的JS代碼就更快了。
其次,Aaron發現Google的Javascript代碼只允許瀏覽器緩存6分鐘,這其實也導致了我們再次打開網頁時候速度依然快不起來。 Aaron還發現Google提供的代碼有個小瑕疵,其中的http://apis.google.com/js/plusone.js應該改成 https鏈接,否則瀏覽器會做一次自動跳轉,又耽誤了一點時間。
最后,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>