ready还是onload，加载顺序性能优化

一个页面有
1<div >...很多东西.很多图片..和ajax请求。。</div> <script>1</script>
2<div style="display:none">...很多东西.很多图片..和ajax请求。。</div>
3<div style="display:none">...很多东西.很多图片..和ajax请求。。</div>  <script>2</script>
现在我要在第一个div，dom加载完之后，加script1。然后请求数据,完成之后
最后再让后两个div加载，并加载script2这时候问题出来了。在script1中 如何判断第一个div已经加载完了，这时，加载再加载script  $("#div1").ready?
script2 在 $(document).ready()后 加载？  
这个时候， script1的js在ready函数内。这时候两个script中的js无法访问了？怎么解决？
一定要等dom加载完，但又要能互相访问