vue.js 에 대한 자료 조사를 하던 도중 vue.js 는 webpack 같은 모듈 번들러 없이도 단순히 cdn 에 있는 파일을 로딩하는 형태로 사용해 편하다는 글을 봤다. cdn.. 수없이 들었던 단어이지만 정확한 개념은 모르고 있었다. 😅
CDN이란?
CDN (Content Delivery Network)은 곳곳에 분산되어 있는 서버 그룹을 말하며 이를 작동 시켜 인터넷 콘텐츠를 빠르게 전달 할 수 있는 서비스를 말한다. CDN을 사용하면 HTML 페이지, 자바 스크립트 파일, 스타일 시트, 이미지 및 비디오를 비롯한 인터넷 콘텐츠로드에 필요한 자산을 신속하게 전송할 수 있어 CDN 서비스의 인기는 계속해서 높아지고 있다.
또한 올바르게 구성된 CDN은 DDOS (Distributed Denial of Service) 공격과 같은 일부 악의적인 공격으로부터 웹 사이트를 보호하는 데 도움이 된다.
CDN 사용의 이점
CDN 사용의 이점은 인터넷 자산의 규모와 필요에 따라 다르지만 대부분의 사용자에게 가장 큰 이점은 다음과 같은 4 가지 구성 요소로 나눌 수 있다.
- 웹 사이트로드 시간 개선
다른 최적화 중에서도 가까운 CDN 서버를 사용하여 웹 사이트 방문자에게 더 가까운 컨텐츠를 배포함으로써 방문자는 페이지로드 시간이 더 빨라진다. 방문자가 느린 로딩 사이트를 클릭 할 확률이 높을수록 CDN은 이탈률을 낮추고 사람들이 사이트에 머문 시간을 늘릴 수 있다. 즉, 웹 사이트가 빠를수록 더 많은 방문자가 머물러 오래 있을 수 있다.
- 대역폭 비용 절감
웹 사이트 호스팅을 위한 대역폭 비용은 웹 사이트의 주요 소비 비용이다. 캐싱 및 기타 최적화를 통해 CDN은 원본 서버를 제공해야하는 데이터 양을 줄여 웹 사이트 소유자의 호스팅 비용을 줄인다.
- 콘텐츠 가용성 및 이중화 증가
대량의 트래픽 또는 하드웨어 오류로 인해 정상적인 웹 사이트 기능이 중단 될 수 있다. CDN은 분산 된 특성으로 인해 많은 트래픽을 처리 할 수 있으며 많은 기점 서버보다 하드웨어 오류를 견딜 수 있다.
