如何优化网页加载的速度，jquery能帮上忙吗？

在一个网页面里有着多处的JS调用，是用于显示广告的，格式如：
<div id="index1"><script type="text/javascript" src="/ads.php?id=1"></script></div>
<div id="index2"><script type="text/javascript" src="/ads.php?id=2"></script></div>
......

因js是要实时查数据库的，这样就导致了网页打开的速度很慢，
我想把它们放于页面底部等html加载完了再显示广告，不知这样的需求要用什么方法能做到？


说明：
因js的内容是：document.write('广告');，所以没办法使用defer属性。

现在用的方法：
I.   <div id="index1">loading...</div>
II.  <span id="A01"><script type="text/javascript" src="/ads.php?id=1"></script></span>
III. <script type="text/javascript">$M("index1").innerHTML =$M('A01').innerHTML;</script>

这种方法觉得很弱智也较麻烦，如广告多的话代码一大堆很是受不了…

我想应该会有更好的方法的，期待高手指点！谢谢。

郁闷，没个回复......

可以使用load()，复杂的需要自行处理ajax

并且建议不使用ready，而在整个文档onload后再载入广告