<aside> 💡 브라우저 캐싱 및 콘텐츠 전송 네트워크(CDN)를 활용한 개선

</aside>

문제

AWS CDN 서비스인 cloudfront로 S3에 업로드된 SPA를 제공하고 있습니다.

CDN 서버에 정적 리소스를 캐시하고 있다면 대기시간을 더 줄일 수 있지 않을까 하는 의문이 생겼고,

브라우저 캐싱을 사용한다면 좀 더 효율적인 서비스(대기시간 감소)를 제공할 수 있지 않을까?

라는 의문이 생겼습니다.

웹 캐시, CDN서버의 캐시?

캐시란 어떤 데이터를 한 번 받아온 후에 그 데이터를 불러온 저장소보다 가까운 곳에 임시로 저장하여, 필요시 더 빠르게 불러와서 사용하는 프로세스를 의미합니다

웹 캐시란?

CloudFront Cache와 브라우저 캐싱 동작에 대한 가이드라인

그렇기 때문에 저는 CDN에서도 정적 리소스를 캐싱하고 있고, 사용자가 요청받는 리소스를 캐싱하고 있다면 최적화가 이루어질 것 이라고 생각했습니다.

세부내용

• Cloudfront Cache Workflow

위 Cloudfront Cache Workflow에 대한 작동을 보면 X-Cache:Hit from cloudfront 를 통해 캐싱된 파일에 대한 유무를 확인할 수 있음을 알 수 있습니다.

그렇기 때문에 제가 확인할 사항은