무료이면서도 빠른 JS/CSS CDN 서버 - jsdelivr

카테고리 : 소개/기타

먼저 CDN서버란 ?

CDN(Content Delivery Network) - 콘텐츠 제공 네트워크

 

한곳에 있는 서버에서 전세계 유저에 서비스를 하게 된다면

전세계 네트워크를 지나가면서 지연시간이 늘어나게된다.

따라서 속도가 느려지는데

 

이를 방지하기위해 전세계 곳곳에 캐시서버를 두고

가까운 서버에서 먼저 전송 받는다.

주로 정적인 콘텐츠(이미지,영상,자바스크립트,스타일 시트 등)를 제공한다.

 

아래의 이미지는 jsdelivr의 캐시서버 위치들이다.

우리나라에는 클라우드 플레어 서버 하나밖에 없다..

https://www.jsdelivr.com/network#map

jsdelivr 의 캐시서버 위치

노란색 - Cloud Flare

빨간색 - Fastly

파란색 - StackPath

중국(진한 빨간색) - QUANTIL

초록색 - Other

 





 

다음 사진을 보게되면 전반적인 구조가 나온다

유명한 회사들이 도움을 주고있다.

아래에 이미지 설명을 해두었다.

이미지 설명

사용자 관점

 

DNS서버를 두개를 두고 : DNS로 서버접속 불가능함을 최소화

 

로드밸런싱 : 유저 분산

 

전세계에 퍼져있는 캐시서버에 : 전세계에서 가까운 서버 활용 가능하도록


서버 이용자 관점

 

깃허브와 npm을 통해 업로드 > Amazon S3 서버로 (만약 다운 되었다면? > 직접 유럽 서버로)

 

유럽의 jsdelivr서버에서 > 각 지역의 캐시서버로

 


사용자 이득은?

- 빠른 로딩속도

 

서버 이득은?

- 빠른 제공

- 트래픽 감소

 

ISP(인터넷 제공자) 이득은?

- 트래픽 감소 : 지역마다 ISP들이 있는데 다른 ISP들 끼리 통신할때에는 서로 통신비용이 정해져있다.

이를 줄이는 효과가 발생한다. 이는 비용 절감으로 직접적으로 이어진다.

 

여러 회사에서 CDN 제공을 하고있으나

jsdelivr는 무료이면서도 속도도 세계 1~2등을 경쟁한다.

 

우리나라에서의 속도는 6위 정도?

https://www.cdnperf.com/

 

CDNPerf - CDN Performance and Uptime monitoring, comparison and analytics - RUM data

With CDNPerf you can find the fastest CDN provider in the world or just your country. Get the top CDN by using our data for free.

www.cdnperf.com

무료 제공인데도 아주 빠른 속도

직접 테스트를 해보면

7kb js파일 기준

카카오 cdn, jsdelivr 둘다 30ms가 나온다.

티스토리를 제공하고있는 카카오 cdn 서비스와 동급이다.

하지만 카카오 cdn은 아무나 파일을 올리긴 힘들지만

이곳은 깃허브등을통해 파일을 올릴수 있다는점!

 

사용방법!

https://hi098123.tistory.com/17

 

jsdelivr 이용하기 < Github 활용 >

이전 편에 https://hi098123.tistory.com/16 무료이면서도 빠른 JS/CSS CDN 서버 - jsdelivr 먼저 CDN서버란 ? CDN(Content Delivery Network) - 콘텐츠 제공 네트워크 한곳에 있는 서버에서 전세계 유저에 서비스..

hi098123.tistory.com

 

--- 2019.05.02 추가

카카오 cdn에는 티스토리에서 글쓰기(새로운 에디터) > 파일 업로드시 카카오CDN 서버로 업로드 되어 카카오 CDN에서 데이터를 가져오게 된다.

속도가 빠르면 카카오 cdn도 애용할지도 모르겠다.

 

 

조금 더 내용 추가한 글

 

jsdelivr CDN 이용하기

jsdelivr CDN jsdelivr은 전세계적으로 이용할 수 있고, 해외에서 접근하기 어려운 중국에서도 빠른속도로 제공할 수 있습니다. 전세계적으로 빠른속도를 제공할 수 있는 이유로는 jsdelivr을 사용하면,

hi098123-skin.tistory.com

 

 

저작권 보호안내
무단 전재, 재배포 행위는 금지됩니다. (글을 복사하여 게시금지)
본문의 일부(링크용 문장) 인용은 가능하지만, 출처와 링크(a 태그)를 남기셔야 됩니다.
(웹툴을 이용하고, 스크린샷/녹화하는것은 상관없습니다.)

예외적으로. 저에게 허락받은 경우에는 본문을 전재할 수 있습니다.

만약, 본문 공유를 원하신다면 링크 공유를 해주세요

저작권 정책 확인하기
링크 공유하기

 댓글