2011-07-09

jQuery Proven Performance Tips & Tricks

최신 버전을 사용해라. (1.4 보다 1.6이 2배 가까이 빠르다)
id 선택자가 class 선택자보다 5-10배 이상 빠르다.
가상 선택자는 느리니까 최대한 쓰지 말 것. 검색 영역의 모든 요소를 다 뒤진다!!
부모에서 자식을 찾는 방법은 $parent.find('.child') 가 제일 빠르다. 다른 것은 잊어라. (근데 왜 children() 이 더 안빠르지..)
jQuery 객체는 꼭 필요할 때에만 만들 것.
항상 캐싱할 것
체인 방식을 애용할 것. 이미 필터링된 집합을 이용하므로 빠르다. 코드도 간단해진다.
bind, live 보다 delegate가 좋다!
DOM insert/append 는 가급적 한번에 끝낼 것. 무거운 연산을 해야 할 경우 일단 detach 했다가 다시 넣으면 좋다.
$.each() 는 느리니까 그냥 for 를 쓸 수 있으면 써라.
$.method 보다 로레벨 함수인 $.fn.method 가 빠르다.

대체로 아는 이야기라는 점이 슬프다. 그걸 아는 놈이 짠 코드가 이 모양이라니.. ㅠㅠ

그나저나 jsperf.com 같은 걸로 브라우저별로 검증해보지 않으면 다 공허한 이야기인 듯. 재미있는 건 IE 6/7 클래스 선택자의 속도가 다른 브라우저보다 1000-2000배 느리다는 점과, 크롬 13.x 의 성능이 갑자기 앞뒤버전보다 확 떨어졌다는 것. :)