구글의 CDN을 jQuery에 사용해야 하는 이유는 무엇입니까?
이것은 일부 사람들에게 명백할 수 있지만, 저는 왜 제 사이트의 jQuery를 호스팅하기 위해 Google의 서버에 의존해야 하는지 궁금했습니다.
이것은 단지 이런 식으로 더 빨리 적재되기 때문일까요?
그 이유는:
- 사용 가능한 병렬도를 높입니다.
(대부분의 브라우저는 특정 사이트에서 한 번에 3개 또는 4개의 파일만 다운로드합니다.) - 캐시 히트가 발생할 가능성이 높아집니다.
더 많은 사이트가 이 관행을 따르면서 더 많은 사용자가 이미 파일을 준비하고 있습니다. - 이것은 페이로드가 가능한 작은 것을 보장합니다.
(Google은 GZIP 또는 DEFLATE와 같은 다양한 형식으로 파일을 미리 압축할 수 있습니다.이렇게 하면 다운로드 시간이 매우 짧아지는데, 이는 매우 압축적이기 때문이며, 즉시 압축되지 않기 때문입니다.) - 서버에서 사용하는 대역폭을 줄여줍니다.
(Google은 기본적으로 무료 대역폭을 제공합니다.) - 이를 통해 사용자는 지리적으로 가까운 응답을 얻을 수 있습니다.
(Google은 전 세계에 서버를 보유하고 있어 대기 시간이 더욱 줄어듭니다.) - (선택사항)스크립트가 자동으로 최신 상태로 유지됩니다.
("앉아서 날아다니기"를 원한다면, 항상 최신 버전의 대본을 사용할 수 있습니다.이를 통해 보안 구멍을 해결할 수 있지만 일반적으로 제품을 손상시킬 수 있습니다.)
Google CDN의 jQuery를 사용하지 않을 수 있는 몇 가지 시나리오가 있습니다.
웹 서버가 클라이언트와 동일한 네트워크에서 호스팅되는 인트라넷 응용프로그램을 구축할 때.Google의 CDN jQuery를 사용하는 경우 로컬 네트워크의 웹 서버가 아닌 인터넷으로 전화를 걸게 됩니다.이렇게 하면 조직의 대역폭이 증가하고 속도는 느려집니다.
응용프로그램을 오프라인으로 실행하려는 경우.(첫 번째 이슈와 상당히 연결됨)개발 환경(예: Bower로 관리)에서 작업해야 하는 경우, 인터넷 연결 없이 애플리케이션을 작동시킬 수 있어야 할 수 있습니다(예: 열차 안에서).
커스터마이징이 필요할 때.예를 들어 특정 모듈만 사용하기 위해 Grunt를 사용하여 라이브러리를 구축하거나 AMD 이름을 설정하는 경우
SSL을 통해 jQuery가 필요한 페이지를 제공하는 경우.보안 문제와 경고를 피하기 위해 페이지뿐만 아니라 SSL을 통해 JavaScript를 제공해야 합니다.
또한 마이크로소프트는 CDN에서 jQuery를 호스팅합니다.그것은 구글의 호스팅된 jQuery를 사용하는 것과 비견되는 또 다른 선택입니다.
TJ VanToll의 이 연구는 jQuery를 CDN에서 로드하는 것보다 다른 스크립트와 연결하는 것이 낫다는 것을 확신시켰습니다.
모바일 장치에서 jQuery를 가져올 때 발생하는 지연 시간 때문입니다.
"2012년 미국 모바일 네트워크의 평균 RTT 시간은 344ms였습니다.344ms는 현재 평균 웹 페이지에서 93개의 HTTP 요청을 수행하는 모든 HTTP 요청뿐만 아니라 DNS 조회 및 TCP 연결에도 적용됩니다.평균 RTT가 개선되고 있지만, 현재의 네트워크는 물리학에 의해 결정되는 이론적 한계의 작은 부분 내에 있기 때문에 얻을 수 있는 추가적인 이득은 아주 적습니다."
그는 또한 Steve Souders의 이 게시물을 인용하여 CDN을 사용함으로써 캐싱 혜택을 얻을 수 없는 이유를 보여줍니다.
"CDN 프로바이더, jQuery 버전, 프로토콜 사용량(http 대 https)의 단편화로 인해 CDN 캐시 적중 가능성은 놀라울 정도로 낮으며 외부 도메인에서 다운로드하면 한 번이 아니라 세 번 왕복(DNS 조회, TCP 연결 및 HTTP GET)을 수행할 수 있습니다.
캐싱을 통해 얻을 수 있는 가장 큰 이점은 캐싱입니다.이 이론은 방문자가 예를 들어 Google CDN에서 jQuery와 같이 자바스크립트 라이브러리를 로드하고 있는 사이트를 방문했다면 웹사이트를 방문했을 때 라이브러리가 이미 해당 사용자의 브라우저 캐시에 있으므로 다시 다운로드할 필요가 없다는 것입니다.이론적으로는 훌륭할 것 같네요.
여기와 다른 곳에서 공유되는 이점은 모두 이론적인 것입니다.CDN을 사용하는 방법과 예상되는 성능 이점을 제공하는지에 대한 심층적인 분석을 방금 접했습니다.http://www.root777.com/appdev/does-using-google-libraries-api-cdn-give-you-performance-benefits
많은 사람들이 생각하지 않는 당신의 jQuery를 Google이 호스팅하도록 허용하지 않는 주요한 이유는 당신이 중국에 있다면 다운로드를 하지 않기 때문입니다.다른 많은 스크립트, 글꼴 등과 함께 차단되어 있습니다.구글 CDN이 주최합니다.중국인 관객에게 다가가기 위해서는 항상 자신의 서버에서 호스트되는 폴백을 사용하는 것이 가장 좋습니다.중국에서 구글 APIS 차단
"왜 당신이.."에 대한 좋은 대답이 있습니다.." "왜 당신이 하지 말아야 하는지..."
CDN에서 jQuery를 로드하고 싶다면 Google에 대체할 수 있는 목록을 추가하고 싶습니다.
- CDN JS - https://cdnjs.com/libraries/jquery
- Microsoft - https://learn.microsoft.com/en-us/aspnet/ajax/cdn/overview#jQuery_Releases_on_the_CDN_0 ]2
- jsDelivr - https://www.jsdelivr.com/package/npm/jquery
- code.jquery.com (StackPath) - https://code.jquery.com/
- Google - https://developers.google.com/speed/libraries/ #jquery
하지만 요약하자면, 당신은 기본적으로 전체적인 웹사이트/애플리케이션 성능을 향상시키고 있습니다.
서비스 워커와 함께 CDN을 사용하면 코드를 업데이트할 때마다가 아니라 클라이언트 수명 중 한 번 CDN을 다운로드할 수 있습니다.
언급URL : https://stackoverflow.com/questions/2180391/why-should-i-use-googles-cdn-for-jquery
'programing' 카테고리의 다른 글
| node.js에서 환경 변수를 설정하려면 어떻게 해야 합니까? (0) | 2023.10.15 |
|---|---|
| Woocommerce 체크아웃 페이지에서 "다른 주소로 발송" 체크박스를 기본적으로 선택 해제하는 방법 (0) | 2023.10.15 |
| jQuery가 request AnimationFrame을 사용하지 않는 이유는 무엇입니까? (0) | 2023.10.15 |
| 삼각형 주변에 테두리가 표시되지 않습니까? (0) | 2023.10.15 |
| 부정의 예 (0) | 2023.10.15 |