我正在开发一个网页,我们需要为网页上的每个日记条目显示多个推文分享按钮,但是我遇到了我正在尝试的性能问题。
目前页面内容由 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);
这工作得很好,但我开始注意到,随着页面上日记条目的增多,性能下降,当我查看页面的网络时,我看到了很多这样的条目。
有没有人对如何启用多个推文按钮但减少网络调用次数有任何建议?
谢谢亚伦
最佳答案
尝试 Socialite.js ,它将使用优化的 JavaScript 异步处理您的请求。
关于javascript - 同一页面性能问题上的多个推文按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12577953/