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

Question

On a few websites that I maintain, I noticed that adding a share button like AddThis to a page varyingly slows down page loading, sometimes significantly.

What is the explanation for this and what can be done to keep share buttons while not incurring page loading performance penalty for this?

Answer 1

add the script call to the bottom of your page, that's what i do, right on top of </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>

Edit: By moving the script call to the bottom of the page your page will load before the script and your users will not feel the impact.