무료이면서도 빠른 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

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

직접 테스트를 해보면

7kb js파일 기준

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

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

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

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

 

사용방법!

https://hi098123.tistory.com/17

jsdelivr 이용하기 < Github 활용 >

 

--- 2019.05.02 추가

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

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

 

 

조금 더 내용 추가한 글

jsdelivr CDN 이용하기