jQuery 때문에 느리다?!
jQuery를 적용하면 페이지 로딩이 느리다.
onLoad 함수(jQuery에서는 document.ready)에 불필요한 것들을 넣지는 안않는지.뒤늦은 포스팅일지 모르지만.... 그렇다면 몹시 부끄럽지만... 내가 부족함을 인정하는 차원에서 글을 남겨본다.
최근에 jQuery를 적용하여 window에 resize가 발현되었을때 css를 사용하는 것보다 반응속도가 느린것을 눈으로 확인하고, css로 가능한 모든 코드는 JS사용을 지양하고 css로 변경한 적이 있다.
혹시나 하는 마음에 jQuery를 적용할때 페이지 로딩 자체가 느려지는 것에 대한 생각치 못한 글을 찾아보게 되어 블로그에 남겨본다.
이미 2010년이면 5년전의 글이기에 "굴러만 가면 된다"는 생각만을 가지고 지내왔던 나를 되돌아본다. 때론 굴러만가도 뭐 ㅋㅋㅋㅋㅋ
일단 [원본]을 확인하자.
결론부터 얘기하자면,
$(document).ready(function(){}); 안에 "꼭" 페이지로딩 이후에 구동되어야 할 함수가 아니면 빼는것이 구동에 지연을 없는 방법이라는 것이다.
Ajax함수의 경우엔 굳이 ready함수안에 넣지 않아도 페이지가 로딩완료되어야만 구동되기 때문에 안에 넣어 페이지로딩까지 "굳이" 기다렸다가 읽어오는 일을 피하자는 얘기다.
지금까지의 jQuery 접근 방식은 :
- jQuery를 어떻게 사용하면 될까?
- 어떻게 하면 jQuery를 익숙하게 쓸 수 있을까?
- 내가 필요한 함수는 없나?
등등 현실에 적용을 하거나 필요한 사항만 가져다 쓰는 방식으로 jQuery를 접근하였기 때문에 필자는 jQuery를 구동하기 위해서 '꼭' $(document).ready(function(){});에 넣지 않아도 된다는 사실을 알게 된 것도 10개월이 되지 않는다.
혹시 저와 같은 생각으로 jQuery를 접근했던 분들이 있다면 원본을 참고하고 불필요한 함수를 ready함수로부터 해방시켜주어 보다 나은 페이지 로딩 환경을 제공하길 바란다.
댓글
댓글 쓰기