이미지 최적화와 도메인

웹사이트를 개발하다보면 이미지를 정말 많이 다루게 됩니다.

이미지는 아주 무거운 에셋이기도 하거니와 잘 다루어주지 않는다면 사용자의 체감 속도를 떨어뜨리기 쉽상입니다.

이미지를 요청할 때, web 기준 img 태그를 사용하게 됩니다.

서버에서는 가장 일반적인 패턴으로 S3에 이미지 원본을 저장하고, CloudFront로 Cache 설정을 도모합니다.

보통 이렇게 끝나는 경우가 많습니다.

최근에는 이미지 프로세싱 서버를 통해 CF <-> image process server <-> S3를 두고 중간에서 이미지 최적화를 관리하기도 합니다. 아주 훌륭하고 보급화된 패턴입니다.

여기서 한가지…

만약 이미지를 제공하는 이미지 서버와 클라이언트 페이지를 제공하는 서버의 domain이 같다면 어떻게 될까요?

보통 웹은 쿠키를 사용하고 있습니다.

쿠키는 같은 도메인에 대해 request에 쿠키를 담아 보냅니다.

이미지도 request를 통해 요청하게 됩니다. 매번 보내는 request에 굳이 쿠키를 담아서 보내고 있다는 말이 됩니다.

이미지 서버는 다른 도메인을 사용하여 클라이언트의 이미지 요청에 쿠키를 담아 보낼 필요가 없는 경우에는 고려해봐도 좋겠습니다.

감사합니다.