TIL_ vercel 배포 시 CDN region 확인하기

📒 오늘의 공부

1. vercel 배포시 CDN region 확인

문제

• next.js 프로젝트를 vercel로 배포 후 예약 페이지에서 예약 버튼을 누른 뒤 완료되기까지 시간이 오래 걸림
  • 2.7초 소요
    

원인

• vercel 배포 시 CDN(Content Delivery Network) region이 USA로 되어 있었음

해결

• Function Region을 Seoul로 변경

  • vercel project Settings - Functions
    

• 2.7초 => 0.2초 단축
  

2. CDN 이란?

• Content Delivery Network(콘텐츠 전송 네트워크)
  • 웹 사이트나 애플리케이션의 정적 컨텐츠(이미지, 스타일시트, 자바스크립트 파일 등)을 전 세계에 분산된 서버 네트워크로 제공하는 서비스
  • 웹페이지 로드 시, 사용자는 해당 웹 페이지에 포함된 모든 리소스를 웹 서버에서 요청하고 응답을 받는다.
  • 전 세계에 사용자가 분산되어 있을 경우 웹페이지의 로딩 속도는 지연 된다.
  • CDN은 사용자와 가까운 위치에 있는 서버에서 컨텐츠를 제공함으로써 로딩 속도를 향상시킨다.
• 즉, CDN은 전 세계에 여러 개의 서버를 구축하고, 컨텐츠를 사용자에게 가장 가까운 서버로 전송하는 방식으로 동작한다.