HTTP

캐시가 없을 때

첫 번째 요청

두 번째 요청 모두 1.1M의 용량의 이미지를 서버에서 전송

캐시 적용

서버에 캐시를 적용하는 코드를 추가하고

cache-control: max-age=60

첫번째 요청 - 브라우저 캐시에 60초 유효한 응답 결과를 캐시에 저장

두번째 요청 - 캐시에서 찾아서 확인

세번째 요청 - 캐시 시간 초과

캐시 시간 초과

서버를 통해 데이터를 다시 조회 후 캐시를 갱신

이때 다시 네트워크 다운로드가 발생한다.