2013-08-24 4 views
11

나는 Jquery가 자바 스크립트라는 것을 알고있다.JQuery 속도 대 자바 스크립트 속도

은 Jquery 애니메이션이며 이벤트는 자바 스크립트보다 느립니다. 그렇다면 얼마나 더 천천히.

기본 자바 스크립트로 내 사이트를 다시 작성해야할지 결정하려고합니다.

+0

이와 같이 사이트를 다시 작성하길 권하는 성능 문제가 있습니까? jQuery는 자바 스크립트 라이브러리 일뿐입니다. jQuery 객체는 기본 DOM 메서드를 직접 사용하는 것보다 느리지 만 대부분의 경우 성능이 그다지 중요하지 않습니다. –

+0

속도 외에 다른 요인을 고려하십시오. 어느 브라우저를 지원해야하는지, 얼마나 오래 개발할 것인가 등 – ryan

+0

현재 모든 웹 브라우저를 지원해야합니다. 개발 시간은 문제가되지 않습니다. 내 사이트는 꽤 커서 크미스 하드웨어가있는 컴퓨터가 약간 지연됩니다. 사파리 사용자에게도 적합합니다. –

답변

24

jQuery는 최신 컴퓨터의 최신 브라우저에서 속도면에서 매우 빠릅니다. 그래서 순수한 JavaScript입니다. 이전 버전의 브라우저와 컴퓨터에서 모두 느리게 실행됩니다.

jQuery가 가지고있는 오버 헤드를 줄일 수 있기 때문에 DOM에 액세스하는 순수 자바 스크립트가 더 빠를 수 있습니다. 그러나 일을 늦추는 몇 가지 중대한 실수를 쓸 수 있기 때문에 항상 더 빠를 필요는 없습니다. 반면에 jQuery는 지난 몇 년 동안 전투 테스트를 거쳐 성능이 입증되었습니다.

또 다른 사실은 jQuery가 모바일 장치를 염두에두고 특별히 설계되지 않았기 때문입니다. click과 같은 이벤트는이 사실로 인해 지연을 유발합니다 (~ 300ms). jQuery 애니메이션은 평균 모바일 장치에서 꽤 느린데, 그 이유는 작성된 방식에 따라 CPU가 바운드되기 때문입니다. 일반적인 모바일 장치에는 CPU 성능이 많지 않기 때문입니다. 이 문제를 해결하는 방법은 하드웨어 가속 CSS 애니메이션을 사용하는 것입니다.

+3

흠, jquery에 대해 잘 모르는 재미있는 사실 :) –

+0

제 의견으로는 jQuery를 고수해야합니다. 나는 순수 JS의 모든 것을 쓰는 것이 당신에게 현저한 성능 향상을 줄 것이라고 생각하지 않는다. CSS 스타일을 대신 사용하여 jQuery를 사용하여 모바일 사이트를 작성했습니다. 내 프레임 워크의 나머지 부분은 초고속입니다. JS와는 달리 jQuery에서도 선택기와 이벤트 등이 훨씬 쉽습니다. – Hless

+0

알았어, 아프다. 때마다 선택기를 입력하는 대신 변수에 셀렉터를 사용하면 어떨까요? 그게 아무것도 퍼뜨릴 수 있니? –