2012-07-25 3 views
5

저는 지금 자바 스크립트를 사용하고 있으며 최근에 jquery를 사용하기 시작했습니다. jquery를 사용하여 내가 팬이라는 것을 인정할 것입니다. <script type='text/javascript' src='../locationOfJquery/jquery.js'></script>은 해당 페이지의 스크립트 태그에서 라이브러리를 사용할 수 있습니다. 단지 스크립트 태그를 포함하는 페이지에는 jQuery 코드가없는 경우에도 페이지로드 시간 어떤 속도가 느려 및 기타 주요 단점은 JQuery와내 페이지에 jquery 라이브러리를 포함 할 때 단점이 있습니까?

를 사용하여이있는 경우도
+0

축소 된 jQuery 소스는 32kb입니다.실제로 사용하지 않는 한 포함시키지 않을 것입니다. jQuery는 훌륭합니다. 단점도 없습니다! –

+1

1999 년이라면 나는 그렇다고 대답 할 것입니다. 하지만 대부분의 사람들이 다이얼 업보다 나은이 시대에, 다른 JS 파일을 포함 시키면 성능에 영향을 미치지 않습니다. – kevin628

+1

jQuery에는 단점이 있습니다 ... 잠시 동안 SO의 멤버 였으므로 jQuery를 사용하는 것이 매우 쉽다는 것을 알았습니다. 불필요하게 비효율적 인 스크립트를 만드는 것은 쉽습니다. 특히 많은 초보자가하고있는 jQuery를 자바 스크립트보다 먼저 배울 경우 더욱 그렇습니다. –

답변

5
  • 이를 넣으면 내가 알고 싶은 것은 스크립트 태그를 페이지 하단에 추가하십시오. 이것은 onload 이벤트가 발생하기 전에 DOM 처리를 늦추지 않습니다.
  • jQuery의 축소 버전을 사용하십시오. jQuery는 작은 이미지/아이콘만큼 작습니다.
  • 방문자가 사이트에서 둘 이상의 페이지를 방문하면 대개 첫 방문 후에도 캐시됩니다. 또한 콘텐츠 전송 네트워크 (예 : Google)를 사용하는 경우 이미 사전 캐시되거나 더 로컬 서버에서 제공 될 수 있습니다. 좋은 첫인상이 중요합니다.
더 당신이 가지고 작은 질문에 대답하기 : 페이지에는 jQuery 코드가없는 경우

  • 을, jQuery를 여전히 구문 분석해야합니다. Chrome과 같은 프로파일 링 도구를 사용하여 컴퓨터가 jQuery를 파싱하는 데 걸리는 시간을 확인할 수 있습니다.
  • 자바 스크립트를 페이지 단위로 최적화하는 프레임 워크가 있지만 스크립트를 캐시하는 기능과 빠른 구문 분석을 통해 얻을 수있는 이점을 절충해야합니다. 거의 확실하게 걱정하지 않아도됩니다. jQuery는 다른 프레임 워크에 비해 매우 가볍습니다.

숫자 : 크롬에 예를 들어

구글 CDN에서 jQuery 라이브러리를 요청하는 유래 웹 사이트를 로딩의 결과는 :

  • 0.027ms 총 시간 다운로드 된 jQuery (아마도 캐시 된)
  • 35.992ms jQuery를 평가하고 기본 DOM/CSS 작업

물론 이것은 모두 상대적입니다. 이 페이지를로드 할 때 전체 페이지가로드되는 데 약 630ms가 걸렸기 때문에 지연을 알지 못했을 것입니다.

+0

그렇다면 거기에 아무런 걱정도 없어야합니다. – John

0

사용하지 않는 경우 포함하지 마십시오.

32k는 지불 할 작은 가격이지만 다운로드가 필요없는 추가 요청과 0k가 있어야합니다.

또한 더 중요한 것은 다른 프레임 워크를 사용하고 있다면 다른 프레임 워크와 충돌 할 수 있습니다.

+0

현재 Im은 현재 큰 웹 페이지 중 하나의 로딩 시간을 최적화하는 데 주로 관심이 있지만 jQuery의 기능은 분명히 편리합니다. – John

+0

브라우저가 캐시하기 때문에로드 시간에 실질적인 영향을 미치지 않으며 실행 시간도 미미합니다. 사용하지 않는 페이지에는 포함시키지 않는 편이 좋지만 (예 : 프레임 워크에 이미 조건부 포함의 개념이있는 등) 정말 쉽지 않은 경우 걱정할 정도는 아닙니다. 수면을 잃을만한 가치가 없습니다. 느린 로딩 페이지를 가지고 있다면 그것은 jQuery의 잘못이 아닙니다. –

+1

jQuery 사용을 고려하고 있다면 지금 포함 시키려하지 않을 것입니다. 그것을 제외 시켜서 만드는 최적화는 아주 작습니다. – Andrew

2

클라이언트는 jQuery 스크립트 (아주 작음)를 다운로드해야합니다. 더 최적화하려면 Google 또는 Microsoft의 호스트 된 "Content Delivery Network"버전을 사용할 수 있습니다. 또한 더 빨리 다운로드되는 축소 버전을 사용하는 것을 잊지 마십시오.

This article에는 이유가 설명되어 있습니다.

+2

CDN을 사용하면 많은 것을 바꿀 수 없습니다. 그것은 개인 사용자보다 월드와 서버에서 더 좋습니다. 한 번 다운로드하면 저장 될 수 있지만 누군가가 내 페이지를 처음 조회 한 후 jQuery가 CDN 또는 서버에 연결되어 있는지 여부에 관계없이 jQuery를 다시 다운로드 할 필요가 없습니다. 좋은 것은 아니지만 jQuery를 사용하여 사이트의 전체 프로필을 변경하지는 않습니다. –

+0

그래, 나도 무시할 수있는 최적화라고 생각하지만, 여전히 대부분의 사용자를위한 단일 다운로드를 저장할 수 있습니다 (수백만 명의 신규 사용자가있을 경우 대역폭 소비가 30Kb 대 100 만 명에 이른다). 다운로드해야하는 사용자 모두 모두이기는 승리 상황입니다. 나는 그것이 악 대차에 뛰어 드는 것이 가치 있다고 생각한다. –

관련 문제