developer life/javascript

jQuery 최신 CDN 주소 모음/ 공식홈페이지, 구글, MS, cloudflare

노는개발자V 2023. 10. 6. 15:32

CDN이란?

cdn이란 콘텐츠 전송 네트워크의 약자로 데이터 사용량이 많은 페이지 웹페이지의 로드 속도를 높이기 위해 연결된 서버 네트워크이다.

사용자가 웹 사이트를 방문하면 데이터를 주고 받기 위해 인터넷 통신이 이루어지는데 특히 동영상이나 큰 이미지와 같은 대용량 파일의 경우 로드하는데 시간이 오래 걸리게 된다.
이때 cdn을 이용하면 사용자와 가까운 cdn 서버를 연결해주어 대기시간을 줄이거나 통신 지연을 줄여준다.
 

jQuery CDN 종류

jquery에서는 uncompressed, minified, slim, slim minified 총 4가지의 패키지를 제공한다.
 
uncompressed : 원본 파일(확장자 .js)
minified  : 원본을 압축한 파일 (확장자 : .min.js)
slim : 해당 버전에서 필요없다고 생각하는 라이브러리를 제거한 파일 (.slim.js)
jQuey.fn.extend
jQuery.fn.load
jQuery.each
jQuery.ajaxSettings.xhr
jQuery.parseXML
jQuery.easing, jQuery.Animation, jQuery.speed
slim minified : slim 파일을 압축한 파일(.slim.min.js)

최신 CDN 주소 모음

1. jQuery 공식홈페이지

https://releases.jquery.com/

<script src="https://code.jquery.com/jquery-latest.min.js"></script>

jquery 사이트에서 공식으로 사용하는 최신소스이다.
새로운 버전이 나오면 자동으로 업데이트 되기에 테스트 사이트에서 가볍게 쓰기에 용이하다.

<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>

현재 jquery의 최신 버전은 3.7.1 버전.
보통은 원본을 압축한 minified 버전을 주로 사용한다.

2. 구글 jQuery CDN

https://developers.google.com/speed/libraries?hl=ko#jquery 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>

3. MS jQuery CDN 

<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.7.1.min.js"></script>

4. cloudflare jQuery CDN

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>