• 목차

캐시와 조건부 요청

캐시가 없을 때

• 클라이언트의 매 요청마다 서버 측의 데이터가 변경되지 않아도 계속 네트워크를 통해 데이터를 다운 받아야 한다.
• 요청마다 반복 발생
  • 클라이언트가 이미지를 요청한다. → 서버가 클라이언트 요청에 대한 응답을 보낸다.

캐시 적용할 때

• 첫 요청 때 서버로부터 받은 데이터를 캐시 저장소에 저장한다.

• 두 번째 요청부터는 웹 브라우저는 네트워크를 타지 않고, 저장된 캐시를 사용해서 곧 바로 데이터를 조회할 수 있다.

• 장점 : 통신량과 통신 시간을 절약할 수 있다. (웹 페이지를 빠르게 렌더링 가능)

  

  • 이 때 Resource(자원)는 서버가 max-age로 지정한 시간만큼 캐시는 유효하다.
  • Cache-control: Max-age = 60(초)
  • 캐시의 유효 시간 60초이며 이후부터는, 서버에서 새로 데이터를 받아와 캐시에 저장해야 한다 (캐시 갱신)

검증 헤더 추가

첫 번째 요청 - 검증 헤더 추가(if-Modified-Since : Last-modified)

• 서버에서 Header에 last-modified 검증 헤더 추가 후 응답
• 데이터가 마지막에 수정된 시간 표시

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

• 브라우저 캐시 저장소에 캐시가 유효 시간이 지나면 서버에 다시 요청을 한다.