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

【问题标题】：Impact of Share Button on Web Page Performance分享按钮对网页性能的影响
【发布时间】：2011-02-04 20:27:59
【问题描述】：

在我维护的一些网站上，我注意到向页面添加像 AddThis 这样的共享按钮会不同程度地减慢页面加载速度，有时甚至会显着降低。

对此有何解释？如何才能保留共享按钮，同时又不会因此导致页面加载性能下降？

【问题讨论】：

按钮是否包含非站点托管的元素？（思考图像或脚本）
@Leigh 答案是肯定的。问题是那些异地并没有表现出一致的性能，虽然这并不总是对性能造成太大影响，但在太多情况下这已经成为一个问题——促使我放弃这些有用的小部件。跨度>
嗯，你回答了你自己关于解释原因的问题:)
@Leigh 你对第一个问题是正确的。至于第二个问题，只有@capdragon 提供了一种可能的方法来缓解这种情况。 :)

【解决方案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>

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

【讨论】：

但只有 javascript 移动到页面底部。 PHP 脚本怎么样（取决于页面布局可能需要在顶部）addthis.com/bookmark.php？
@Android 通过将脚本调用移动到页面底部，您的页面将在脚本之前加载，您的用户不会感受到影响。我看不到您指的是什么 PHP 脚本。 php脚本是你做的吗？

【解决方案2】：

@Anodroid - 我会把你的 PHP 放在顶部。PHP 脚本将取决于你的服务器的处理速度，而 javascript 将首先取决于与主机的连接速度“http://www.addthis .com/bookmark.php?v=250&username=xa-4d4c6a9028bcda9b" 以及他们能够以多快的速度将要嵌入页面的内容提供服务"| "

祝你好运

【讨论】：

感谢您的精彩解释。我只能接受一个答案，所以我会给你+1。 :)