Frontend Browser

브라우저의 cache 설정, 관리

Browser 세부사항

Posted by jopemachine on October 5, 2021 Updated on September 25, 2022

브라우저의 cache 설정, 관리

캐시의 종류

디스크 캐시: 파일 형태로 캐싱.
메모리 캐시: 브라우저를 껐다 켜면 다시 다운로드함.

cache-control

;로 구분되는 다중 디렉티브들로 구성됨.
서버에서 응답할 때, Response header에 들어가 response의 캐싱 매커니즘을 지시한다.

no-cache

캐시를 사용하기 전 서버에 물어보고, 사용할 수 없는 상황이면 다시 다운로드한다.
캐시를 믿지 않고 항상 서버에 물어봐서 no-cache이지 캐시를 저장하지 않는 것은 아니다. 아예 저장도 안 하려면 no-cache가 아니라 no-store를 쓸 것.

no-store

아예 캐시를 브라우저에 저장하지 않는다.

public

모든 환경에서 캐시 사용.

private

브라우저 환경에서만 캐싱 사용.

max-age

캐시 유효기간 설정.

ETAG

모든 캐싱 가능한 리소스들에 붙는 해시 값. ETAG를 ID로 서버에 리소스 변경 유무를 물어보고, 변경된 경우 다시 다운로드 한다.

Cache Control