자바 스크립트와 제이쿼리 속도 비교하기

이번 포스팅에서는 자바스크립트와 제이쿼리의

실행 속도비교를 해보겠다.

간단하게 비교하는 방법이라 소스가 짧다.

먼저 input태그를 하나 만들어주고

자바스크립트와 제이쿼리에서 id가 text인 타겟에 속도테스트라는

value값을 넣어줄 수 있도록 해주자.

다음 실행 속도비교를 위해 timer 라는 function을 하나 만들어주고

performance.now()를 이용해 실행 속도를 체크하자.

(performance.now()는 API문서를 참고했고 링크는 제일 밑에있다.)

아래는 만약을 위해 적어준다

실행을 하고 크롬 개발자도구의 콘솔창에서 확인을 하면

차기아 많이나야 약 3배 정도의 차이가 나는데

단위가 ms 이니 거의 똑같다고 보면된다.

하지만 방금 테스트를 위해선 그냥 input태그에 

5글자를 넣어준것이다.

만약 더 많은 값을 넣거나 <tbody><tr><td>등의 태그를

그려준다던가 고도화된 작업을 하게된다면 수십 수백배의 해당하는

속도 차이가 생길수있다.

하지만 자바스크립트보다는 제이쿼리가 더 사용하기 쉽고

제이쿼리를 사용하는것이 소스코드도 간결하기 때문에

자바스크립트보단 제이쿼리다~~!!! 

API 문서 : (https://developer.mozilla.org/ko/docs/Web/API/Performance/now)