jQuery - window.onload 와 $(function(){})의 차이점

참고 자료 : jQuery Cookbook

window.onload의 시점
 - dom load + 리소스 load 완료

$(function() {}) 및 $(document).ready(function(){})의 시점
 - dom load 완료

즉 jQuery의 ready인 경우 dom 로드만 완료 되면 수행 (리소스 로드는 =_= 버려~)

하지만 책에서는 $(function() {}) 및 $(document).ready(function(){})를 사용을 2가지 이유로 사용 안하는 것을 권장하며, 닫는 body tag 앞에 사용하길 권장한다.

첫째로는 html 사이에 javascript가 있을 경우, 페이지 로딩 시 사이의 javasctipt 구문에 대한 compile로 인해 다른 로딩(아마 돔 로딩을 의미하는것 같다) 병목이 발생하므로 로딩이 지연 된다고 하며,

둘째로는 닫은 body tag 앞에 <script>을 사용하는 것과 ready를 사용하는것과 차이 없다는 것인데..차이가 없다는 것을 굳이 ready에 대한 이벤트를 받아서 이후 프로세스를 한번 더 걸칠 이유가 없기 때문이다.