layout: post title: jquery 성능 개선 categories: jquery tags: jquery –

jquery 성능 개선

최선은 jquery를 안쓰는것이 성능개선에 최고 좋은 방법이다!

“jquery 성능 개선” 으로 검색해보면 많은 내용이 나온다.

여기는 내가 실제로 테스트해보고 체감해본 내용을 적어본다.

  1. $ 가 들어가는 순간 20~30배 느려진다. $("#ids").val(1) -> 20~30 milliseconds 정도 소요됨 document.getElementById("ids").value=1; -> 0~1 milliseconds 소요 javascript사용시 id는 유니크 해야 한다. 여러개가 올경우 제일 첫번째에만 값이 setting된다. 그동안 jquery에 너무 길들여져 있었다..
  2. empty 쓸일이 있다면 javascript의 innerHTML을 쓰자 아래 사이트에서 run tests를 눌러보면 확실한 차이를 알 수 있을것이다. https://jsperf.com/jquery-html-vs-empty-vs-innerhtml/2

자세한 내용은 아래를 참고하면 좋겠다.

http://codefactory.kr/2011/12/07/jquery-performance-tips-and-tricks/