Webページの日記エントリごとに複数のツイート共有ボタンを表示する必要があるWebページを開発していますが、試している内容でパフォーマンスの問題が発生しています。
現在、ページのコンテンツは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);
これはかなり問題なく機能しますが、ページの日記エントリが増えると、パフォーマンスが低下することに気付き始めました。ページのネットワークを見ると、これらのエントリがたくさん表示されています。
複数のツイートボタンを有効にして、ネットワーク呼び出しの数を減らす方法について誰か提案がありますか？
ありがとうアーロン