캐시 기본 동작
캐시가 어떻게 동작하는지 기본 동작을 통해 알아보자
캐시가 없을 때 첫 번째 요청
- 클라이언트에서 star.jpg 이미지를 요청한다.
- 서버에서는 해당 이미지가 있으면 응답을 줘야하는데, 이미지의 HTTP 헤더+바디를 합쳐 대략 1.1M정도 용량의 데이터를 응답한다.
- 클라이언트에서는 해당 이미지를 응답 받아 사용한다.
캐시가 없을 때 두 번째 요청
- 클라이언트에서는 star.jpg 이미지를 다시 한 번 요청한다.
- 서버에서는 동일한 이미지를 다시 1.1M정도 용량의 데이터를 응답해준다.
- 클라이언트에서는 해당 이미지를 응답 받아 사용한다.
- 동일한 이미지를 요청하는데 네트워크를 통해 같은 데이터를 또 다운받아야 한다.
- 용량이 클 수록 비용이 커지고 브라우저의 로딩속도가 느려진다.
- 이제는 캐시를 적용해서 어떻게 나아지는지 확인해보자.
캐시를 적용한 첫 번째 요청