Loading js asynchronously

[sivaganeshk]

Can I use the following to code to load many js files asynchronously?


<script type="text/javascript">
(function(){
var ga = document.createElement('script');
ga.type = 'text/javascript';
ga.async = true;
ga.src = '//mysite.com/ga.js';
(document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(ga);
})();
</script>

Is it right?

[kh99]

I'm not an expert in js at all, so this is really beyond me. But I thought I'd do a search and I found this page: http://www.tutkiun.com/2010/07/load-javascript-after-pageload.html which appears to be exactly what you're doing, so I guess it's right as long as none of the files you are including contain any document.write() statements. Also what this does isn't really loading them asynchronously (at least as far as I understand what that means), but it waits to load them after the html is finished loading so that it makes the page appear to load faster.