JavaScript, jQuery : CDN이 실패 할 경우 로컬 jQuery의 대체 방법, 구현, 예제

JavaScript, jQuery : CDN이 실패 할 경우 로컬 jQuery의 대체 방법, 구현, 예제

 

CDN의 장점?

많은 대형 웹 사이트에서 jQuery와 같은 CDN 서비스를 제공하고 있습니다. Google은 자체 CDN 네트워크에서 가장 큰 자바 스크립트 라이브러리를 제공합니다. 또한 Microsoft는 CDN을 사용하여 웹 사이트에서 jQuery를 구현할 수 있습니다. 이것의 장점은 jQuery를 로드하면 로컬 서버에서 다운로드되기 때문에 대역폭이 줄어들기 때문에 다운로드 속도가 빨라지고 이 스크립트를 사용하는 여러 웹 사이트에서 이 스크립트를 캐시해야 한다는 것입니다.

 

 

 

CDN이 동작안하면?

CDN을 사용하여 CSS 및 Javascript를 제공하면 페이지 로딩 시간이 단축됩니다. 그러나 이 CDN에 어떤 일이 발생하면 어떻게 됩니까? jQuery가 로드되지 않고 일부 웹 사이트 기능이 더 이상 작동하지 않습니다. 따라서 어떤 이유로 CDN jQuery가 로드되지 않으면 로컬 jQuery 파일을 로드하는 방법이 필요합니다. 다음 코드를 사용하면 Google CDN에서 jQuery를 다운로드 할 수 있습니다 (실패한 경우 로컬 버전 사용).

 

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.js"></script>
<script>window.jQuery || document.write('<script src="js/libs/jquery-2.1.0.min.js"></script>')</script>