Question

I have a webpage that is rich in content such as graphics and javascript. Now the problem is that my page loads too slow, especially with slower internet connections. Now at the bottom of my webpage I have a jquery slider, which is the least important item on my website.
now…
Is there a way I can postpone or delay the loading of that whole slider(which has a div ID as parent element) until directly after everything else has loaded on my page, and not alongside the rest of the more important content?

Answer 1

Absolutely, you might want to look up javascript loader like RequireJS or LABjs.

The principle is that you inject the script-tag that loads your javascript. For instance, you could have the following code as the last element before your </body>-tag:

<script type='text/javascript'>
var head = document.getElementsByTagName("head")[0];        
var newScript = document.createElement('script');
newScript.type = 'text/javascript';
newScript.src = 'url/to/script.js';
head.appendChild(newScript);
</script>