jquery로 브라우저가 느려 집니까?

Question

제 웹 페이지에서 jQuery를 사용하고 있습니다. 이렇게하면 내용을로드 할 웹 페이지가 느리게 생성됩니까? jQuery를 사용

자바 스크립트보다 여부 장점 왜? ...

Answer 1

병목 실제로 위치를 확인할 수 Firebug 및 YSlow와 페이지를 검사합니다.

일반적으로 JS는 페이지로드 속도를 낮 춥니 다. 그러나 현대의 컴퓨터와 현대적인 인터넷 연결 속도에서는 이러한 지연이 눈에 띄지 않습니다. 그러나 JS를 과도하게 사용하면 페이지가 더 느리게 작동 할 수 있습니다.

Answer 2

.js 파일과 같은 추가 리소스를 추가하여 페이지를로드 할 때 약간의 오버 헤드가 있습니다.

특정로드 절차에 대한 자세한 내용은 google 웹 마스터 도구를 사용하여 권장 사항을 확인하십시오.

jQuery 자체는 신중하게 사용하거나 매우 혼잡 한 페이지에서 브라우저의 속도를 늦출 수 있습니다 (페이지 로딩 시간이 아님).하지만 대부분의 경우 걱정하지 않아도됩니다. Jquery 1.4의 최근 릴리스에서는 성능이 훨씬 향상되었습니다.

Answer 3

내 웹 페이지에서 jquery를 사용하면 콘텐츠로드 속도가 느려집니다.

상황에 따라 다르지만 일반적으로 없습니다. JavaScript/JQuery를 사용하여 인터페이스를 개선하거나 페이드 효과를 두 개 만들거나 조회 드롭 다운 또는 AJAX 호출을 할 계획이라면 걱정하지 마십시오. 당신은 아주 잘 될 것 같습니다.

당신은 거대한 웹 페이지, 다음 그것을 찾기 위해 시간, 멀티 메가 바이트 AJAX 요청을 만들거나 느리게 작동하는 경향이 완전히 자바 스크립트 기반 UI를 가질 필요 (수만 가지의 요소)를 한 경우에만 최적화.

체크 아웃 questions on JQuery and performance on SO는 플러그인 ('물론, 다른 프레임 워크) JQuery와있다 조심하는

한 가지 특정 상황 (등 선택기 많은, $() 및 document.getElementById 간의 성능 비교)에 대한 정보를 얻을 수 있습니다 페이지가로드 될 때 전체 문서에 조작을 적용합니다. 아주 좋은 예는 소스 코드 포맷터입니다. 면밀히 살펴보면 페이지를로드 할 때 소스 코드가 포맷되지 않은 작은 부분이 있음을 알 수 있습니다. 서식 지정은 JavaScript를 사용하여 적용됩니다. 이와 같이 너무 많은 것을 사용하면 오래된 컴퓨터에서 페이지가 느리게 렌더링됩니다.

일반적으로 잘 모르는 경우 많은 브라우저뿐만 아니라 오래된 컴퓨터에서도 항상 페이지를 테스트하십시오.

Answer 4

jQuery JavaScript 소스를 Google Closure Compiler으로 최적화하면 JavaScript로드 시간과 전반적인 응답 시간에 눈에 띄는 효과가 있음을 발견했습니다. 아주 인상적입니다.

Answer 5

Google Ajax libs hosted version을 사용하면 다른 사람이 귀하의 페이지를 방문 할 때까지 캐시 될 것입니다.

Answer 6

23KB의 용량을 축소하고 gzip으로 압축하면 페이지 속도가 눈에 띄게 달라지지 않습니다 (특히 브라우저에 캐시 된 경우). 또한 페이지의 상호 작용에 눈에 띄는 차이를 만들지 않습니다.

크로스 브라우저 호환성 문제를 디버깅 할 필요가 없으므로 많은 시간을 절약 할 수 있습니다.

Answer 7

예 jQuery 또는 페이지에로드되는 다른 파일은 오버 헤드를 추가합니다.

오버 헤드는 jQuery 노력에 따라 "0"입니다.

내 관점을 보려면 jQuery없이 프로그래밍 해보십시오.

jQuery에는 내 투표가 있습니다.