Javascript 如何通过调用脚本一次而不是X次来更快地加载Twitter共享按钮？

我想在每篇文章的页面中插入100个Twitter共享按钮

我如何做到这一点而不必调用推特脚本100次？使用此代码执行此操作时，即使在使用

$（document）.ready之后，页面加载也需要30秒

以下是Twitter的脚本：

！功能（d、s、id）{
var js，fjs=d.getElementsByTagName[0]；
如果（！d.getElementById（id））
js=d.createElement；
js.id=id；js.src=”https://platform.twitter.com/widgets.js";
fjs.parentNode.insertBefore（js，fjs）；}
（文件，“脚本”、“推特wjs”）

请注意，我已经看了其他问题。这不是如何多次插入按钮的问题，而是如何快速插入按钮，或者只调用一次JS脚本

在没有参数的情况下调用，widgets js将再次搜索整个
未初始化小部件的document.body。要获得更好的性能，请通过
一个HtmleElement对象，或一个HtmleElement对象数组
将搜索仅限于这些节点的子节点

参考-< /P> < P>如果你不太重视“100个按钮”的方法，你可能想考虑只在当前激活或悬停的元素（文章）上显示推特共享按钮。这样，UI就更干净了，您不需要用数百个按钮来减轻DOM的负担
这是Asana中使用的UX模式-仅在悬停时显示额外控件。鼠标位于“获取Android平板电脑”上方

您可以在StackOverflow上看到这种模式的作用。只有当您将鼠标悬停在注释上时，注释才会显示向上投票箭头…并显示第二条注释以显示交互模式。顺便说一句，你有什么理由投反对票吗？