* CDN(Contents Delivery Network)
영화와 게임처럼 용량이 큰 콘텐츠를 효율적으로 이용자에게 배달하는 통신망 체계
제한적인 통신망 자원으로 더 많은 콘텐츠를 안정적으로 전송하는 게 관건. 이를 위해 컴퓨팅 서버를 여러 개 마련해 통신량이 한곳에 몰리지 않게 한다.
* 쓰는방법
<script src="jQuery CDN 주소"></script>* jQuery CDN을 제공해주는 사이트
구글 CDN : https://developers.google.com/speed/libraries/devguide#jquery
마이크로소프트 CDN : http://www.asp.net/ajaxlibrary/cdn.ashx#jQuery_Releases_on_the_CDN_0
CDNJS CDN : http://cdnjs.com/libraries/jquery/
jsDelivr CDN : http://www.jsdelivr.com/#!jquery
jqeury : http://code.jquery.com/jquery-2.1.1.min.js
위와 같이 구글에서도 jquery를 CDN으로 사용한다.
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>여기서 1.10.2 는 jQuery 버젼명을 말한다
여기서, CDN 서버 불러오는 주소가 //ajax.googleapis.com... 과 같이
http:가 없이 //로 시작하는데 그 이유는 다음과 같다고한다.
리소스 캐싱 문제와 관련해서, 브라우저는 http 와 https 를 통해서 가져온 같은 리소스를 다르게 취급을 합니다.
다시말하면, 이전에 http:// 로 접속해서 파일을 읽어와서 나중을 위해 디스크에 캐싱해 두었더라도, https:// 로 같은 파일에 접근할 경우, 같은 파일임에도 불구하고 캐싱해 둔 파일을 이용하지 않습니다.
http:// 일때는 src="http://...." 로 작성하고, https// 일때는 src="https://..."로 작성해야하는 비효율적인 요소가 발생하게 됩니다.
위 링크 처럼, 앞에 http: 나 https: 를 생략하고 지정을 해주면, 현재 문서가 지정된 프로토콜이 http 인지, https 인지에 따라, 적합한 리소스를 이용하게 됩니다.
글 출처 : http://goo.gl/RlSQDg
참고 사이트
http://blog.naver.com/dladhtjd/220032283539
