Load ad after page loaded

Question

On my website I display some advertisements and it should be loaded like this:

<div id='ad'>
http://ad.affiliate.com/?id=12345
</div>

But when I use that script, the ad can slow down the loading time of the website. How can I load that script after the page has loaded? I tried this but that doesn't work.

<div id='ad'>
    <script type="text/javascript">
        $(document).ready(function(){
            $("#ad").load("http://ad.affiliate.com/?id=12345");
        });
    </script>
</div>

Thanks!

Answer 1

You should try use the defer attribute. Maybe this could help you: Is it possible to load a javascript ad last on the page to prevent slow load times?

Answer 2

Instead of using $(document).ready(), you can use $(window).load()

<div id='ad'>
    <script type="text/javascript">
        $(window).load(function(){
            $("#ad").load("http://ad.affiliate.com/?id=12345");
        });
    </script>
</div>

Hope this works.

Muhammad...

Answer 3

Or maybe this thing can do the trick:

$(document).ready(function(){
    setTimeout(function() {
        $("#ad").load("http://ad.affiliate.com/?id=12345");
    }, 0);
});