HTTP헤더(2) 캐시와 조건부 요청

학습 페이지

캐시와 조건부 요청에 대한 동작에 대해 알아보겠다.

캐시의 기본 동작

캐시가 없을때

1.1M크기의 별모양 이미지를 받았다고 해보자. 이후에 다시 그 별모양이미지를 서버에 요청하면

당연히 해당 별모양 이미지를1.1M로 만들어서 다시 보내줄 것이다.

캐시가 없다면

• 데이터가 변경되지 않아도 계속 데이터를 새로 다운로드 받아야 한다.
• 인터넷 네트워크는 느리고 비싸다…
• 브라우저 로딩속도도 느려진다.

캐시가 있을때

HTTP에 해더가 추가되었다.

max-age는 60초동안 캐시가 유효하다는 의미이다.

브라우저에는 내부에 캐시저장소가 있다. 이번엔 캐시 저장소에 60초동안 저장소에 응답 결과를 저장한다.