개요
지난 글에 이어 S3로 호스팅 된 웹사이트를 CloudFront와 연결해서 성능을 개선해 보는 것으로 프로젝트를 마무리 하겠습니다.
1.CloudFront Distribution 생성
- Origin, Cache behavior 등 설정
2.웹 브라우저에서 CloudFront Distiribution 작동 확인
3.웹사이트 성능 테스트
-S3 정적 웹 사이트 호스팅을 통한 콘텐츠 로드 속도와 CloudFront를 통한 콘텐츠 로드 속도 비교
1. CloudFront distribution 생성
오리진은 전 글에서 생성했던 S3버킷을 선택합니다.
Default root object란은 특정 오브젝트가 아니라 root URL을 요청했을 때 어떤 값을 반환할 것인지 묻는 칸인데, 이곳에는 홈페이지라고 할 수 있는 mycar.html을 입력해줍니다.
나머지 설정은 전부 디폴트 값으로 두고 distribution을 생성합니다.
2.웹 브라우저에서 CloudFront Distiribution 작동 확인
완성된 distribution으로 들어가면 distribution domain name에 주소가 생성된 것을 볼 수 있습니다.
이 주소를 복사해서 접속하게 되면 CloudFront를 통해 접속하게 되는 것 입니다.
3.웹사이트 성능 테스트 (마무리)
이제 S3에서 호스팅한 웹 사이트와 CloudFront를 연결한 웹사이트의 로딩 속도를 비교하여 성능 개선을 확인해 보겠습니다.
사이트 자체의 용량이 크지 않아 시간 상으론 1초 정도 차이밖에 나지 않지만 성능면에서 로딩 시간이 50% 정도 감소했음을 알 수 있습니다!
Cloud & DevOps