본문 바로가기
jQuery

jQuery 성능 조정

by eqzero 2009. 8. 14.

자주 들르는 [IBM developerworks]커뮤니티 사이트에 흥미로운 기사가 올라왔다.
jQuery의 성능향상을 위한 방법을 3가지 정도 제시한 기사인데 기존에는 그냥 아무 생각없이 써왔던 방식이
좋지 않은 방법인줄 알았다..;;..

1) 되도록이면 CLASS 대신 ID를 사용하여 검색한다.

#title을 검색하여 1밀리초 동안 1개의 항목이 검색된 결과를 보여 주는 테스트 샘플. .note를 검색한 경우에는 39밀리초 동안 14개의 항목이 검색되었다.
 
2) 최대한 많은 검색 정보를 제공한다.
div.example을 검색하여 2밀리초 동안 43개의 항목이 검색된 결과를 보여 주는 테스트. .note를 검색한 경우에는 39밀리초 동안 14개의 항목이 검색되었다.
 
3) 선택자 캐싱하기

우선 1,2번의 경우는 이미지를 보면 충분히 이해가 가리라 본다.
3번의 선택자 캐싱하기의 경우는 매 함수 호출때마다 초기화시켜서 변수를 비교하기 보다는
전역변수를 사용 처음에 메모리에 올려놓고 후에 비교하는것을 추천하고 잇다.

자세한 사항은 [매개체로서의 jQuery(2)]에서 확인해보시길..

참고로 이 기사에서 실제 속도를 체크한 테스트 페이지를 알려주는데 [slickspeed] 보면 스크립트 라이브러리중
가장 많이 사용하고 있다는 5대 라이브러리를 기준으로 속도를 체크하고있다..한번 흥미삼아 보는것도 좋을듯..
근데 좀 구버젼으로 체크를 한거라 실제 최신버젼과는 차이가 있을수 있다.

'jQuery' 카테고리의 다른 글

AJAX & IE Caching Issues  (0) 2010.02.03
jQuery의 live() 함수.  (0) 2009.08.30
jQuery $.getJSON 사용한 동적 SELECTBOX구현  (0) 2009.05.03
유용한 jQuery plugin  (0) 2009.04.03
Release:jQuery 1.3  (0) 2009.01.19