同一頁面性能問題上的多個Tweet按鈕

Question

我正在開發一個網頁，我們需要爲網頁上的每個日記條目顯示多個tweet共享按鈕，但是我遇到了性能問題。

目前的頁面內容是由jQuery和對每個崗位我加入這樣的鳴叫按鈕呈現：

$.each(data, function(entryIndex, entry) { 
html = '<p>this is a diary entry</p>'; 
html += '<a href="https://twitter.com/share" class="twitter-share-button" data-related="bmywebsite" data-lang="en" data-size="large" data-count="none">Tweet</a>'; 
}) 

$('#usersDiary').html(html); 

// Used to add the Twitter.js include 
var twitterScript = document.createElement("script"); 
twitterScript.type = "text/javascript"; 
twitterScript.src = "http://platform.twitter.com/widgets.js"; 
$('#usersDiary').append(twitterScript); 

這工作還算OK，但我開始注意到，與網頁上的更多日記性能下降，當我看到網頁的網絡，我看到很多這些條目。

有沒有人對如何使多個鳴叫按鈕，但減少了網絡調用的次數有什麼建議？

感謝阿龍

Answer 1

嘗試Socialite.js，它會處理異步與優化的JavaScript您的要求。