同一页面性能问题上的多个推文按钮

时间:2012-09-25 07:14:55

标签: javascript jquery html twitter

我正在开发一个网页,我们需要在网页上为每个日记条目显示多个推文共享按钮,但是我遇到了性能问题。

目前页面内容是由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);

这工作相当不错,但我开始注意到,随着页面上的日记条目越来越多,性能下降,当我看到网页的网页时,我看到很多这些条目。

Network Image

有没有人对如何启用多个推文按钮但减少网络呼叫数量有任何建议?

谢谢Aaron

1 个答案:

答案 0 :(得分:0)

尝试Socialite.js,它将异步处理您的请求并使用优化的JavaScript。