ShareThis Asynchronous Javascript Loading

Unfortunately the ShareThis service has a lot of known issues, like loading a lot of data from their tracking site, and other types of bloat when initializing their icons.

Because calling stLight.options depends on having the buttons.js script already loaded, it is not really feasible to initialize the code like this:

<script type="text/javascript" src=""></script>
<script type="text/javascript">stLight.options({publisher: "6beba854-ee6d-4ae1-a4f3-b69815c8ef63"});</script>

However, you could use an onload function to do the stLight.options, and then wrap the entire thing inside of a function that won’t interfere with the global namespace, like this:

// ShareThis Asynchronous Javascript Loading
// from
    // window.switchTo5x=false; // (optional)
    var e=document.createElement("script");
            stLight.options({publisher: "6beba854-ee6d-4ae1-a4f3-b69815c8ef63", doNotHash: true, doNotCopy: true, hashAddressBar: false});
        }catch(e){ /* optionally do something to handle errors here */ }
    e.src=('https:' == document.location.protocol ? 'https://ws' : 'http://w') + '';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(e, s);

Make sure to update your publisher ID in the code above if you copy / paste it.

Related Posts:

This entry was posted in Social Media, Tech Tips and tagged . Bookmark the permalink.

2 Responses to ShareThis Asynchronous Javascript Loading

Leave a Reply

Your email address will not be published. Required fields are marked *