AWS S3, CloudFront로 CDN 구축하기

개발하게 된 배경

내가 개발한 웹사이트가 Performance에 많은 문제가 있었다.

그 중, 이미지가 성능을 낮추는데 가장 큰 요인이여서 CDN 구축을 하게 되었다.

1. S3 버킷 생성

Amazon S3 를 생성해준다.

테스트용으로 이미지 하나를 업로드 후 이미지 url을 열면 액세스가 차단되어 있다.

2. CloudFront 생성하기

생성된 CloudFront domain으로 접속해보면 똑같이 접근이 안된다.

 

3. CloudFront > Originis 설정 수정

• S3 버킷 Access 제한을 풀어준다

이제 CloudFront 객체 URL로 접근하면 이미지에 접근할 수 있다.

 

결과

200KB로 매번 불러오던 이미지가 -> CloudFront에 캐싱되면서 200B로 줄어들었다.