Question

在我维护的几个网站上，我注意到向页面添加像AddThis这样的分享按钮会不同程度地降低页面加载速度，有时会显着降低。

对此有何解释以及如何保持共享按钮而不会导致页面加载性能受到影响？

Answer 1

将脚本调用添加到页面底部，这就是我所做的，就在</body>之上。

...

all my html

...
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a href="http://www.addthis.com/bookmark.php?v=250&amp;username=xa-4d4c6a9028bcda9b" class="addthis_button_compact">Share</a>
<span class="addthis_separator">|</span>
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
</div>
<!-- AddThis Button END -->
...

all my html

...
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4d4c6a9028bcda9b"></script>
</body>
</html>

编辑：通过将脚本调用移动到页面底部，您的页面将在脚本之前加载，您的用户将不会感受到影响。

Answer 2

@Anodroid - 我会把你的PHP留在顶部.. PHP脚本将取决于你的服务器的处理速度，javascript将首先确定与主机的连接速度“http：//www.addthis .com / bookmark.php？v = 250＆amp; username = xa-4d4c6a9028bcda9b“以及它们能够以多快的速度将内容嵌入到页面中” “

祝你好运

分享按钮对网页性能的影响

2 个答案: