2010-04-10 3 views
1

나는 내 웹 사이트를 최적화하고 있지만, 내 방식으로 서있는 한 가지 문제는 내가 사용하지 않는 모든 jQuery 기능이다. 내가 사용하는 유일한 것들은 매끄러운 페이지 스크롤러입니다. 다운로드 시간이 낭비되는 것처럼 보입니다.Thin down jQuery

내 질문은 : 필자가 필요로하지 않는 jQuery 코드를 제거하고 필요로하는 1 또는 2 개의 기능을 남겨 둘 스크립트 또는 프로그램이 있습니까?

+0

요즘 jQuery의 유비쿼터스 특성 때문에 요즘처럼 CDN을 사용하면 클라이언트가 실제로 스크립트를 가져 오는 경우는 드뭅니다. 귀하는 사전 - 선 - 프리 최적화입니다. 내 생각에 시간과 노력을 낭비 –

+0

jQuery를 축소하고 gzip으로 압축하면 24kB입니다. 요즘 표준 오버 헤드로 계산하기에 충분히 작습니다. Google의 CDN을 사용하여 얻을 수있는 캐싱 혜택에 대해서도 언급하지 않습니다. –

답변

4

이렇게 할 방법이 없습니다. 특히 그렇게 간단하지 않기 때문에. 예를 들어 .fadeIn()은 하나의 메서드이지만 jQuery의 전체 애니메이션 섹션을 호출하여 요소를 희미하게합니다.하지만 선택기가 Sizzle 선택기 엔진을 포함한 순회 섹션에 액세스 한 후에는 대부분의 프레임 워크가 매우 프레임 워크 내부에 너무 많은 의존성 때문에 조각을 제거하는 것은 까다 롭습니다.

는 제대로 jQuery를 제공하는 경우, 그것은 축소 된 및 gzip으로 압축하고, 당신은 단지 그들이 그래서 그냥 한 번하지 모든 페이지로드를 전송 캐시 클라이언트 에 대한 24킬로바이트을 보내는 것, 말했다되고있다. 또한 다른 사이트에서 이미 캐시했을 수도 있으므로 동일한 CDN (사이트의 페이지)에서 사이트를 가리키는 사용자가 많을수록 더 많은 일이 발생할 수 있습니다.

:

구글은 CDN, details here, 예를 들어 거기에서 당신이 jQuery를, 또는의 jQuery UI를 잡아 수있다 또한 Microsoft는 CDN details here을 가지고 있습니다. fran jQuery와 유효성 검사 라이브러리를 사용할 수 있습니다 :

참고 : 당신이 발견하는 경우 이러한 현재의 버전이 답변의 시간으로 이 명시 적 링크를 사용하지 않는입니다 나중에 이보다 최신 버전을 사용할 수 있습니다.

+0

감사합니다. 지금 받으십시오. –

2

그냥

<script type="text/javascript" 
     src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"> 
</script> 

이것은 또한 대역폭을 절약 할 수 ... 기회는 이미 클라이언트에 캐시 될 것입니다, 구글에서 라이브러리를 참조. StackOverflow 및 다른 많은 사이트에서이 작업을 수행합니다.

+2

플러스, jquery 정말 gzip와 함께 제공 꽤 작습니다 ... 걱정하지 가치가 –

+3

하지만 기다려! Google 서버가 다운되면 ... 아 맞습니다. –

+0

@Billy - 걱정 마세요, 스카이 넷이 여기에 있습니다. –

관련 문제