브라우저 캐시

브라우저는 웹페이지를 로드할 때 다운로드한 리소스(HTML, CSS, JS, 이미지 등)를 저장하여 다음 요청 시 빠르게 불러오는 캐싱 기법을 사용

• 크게 메모리 캐시와 디스크 캐시로 나뉨

메모리 캐시

✅ RAM에 저장(빠른 접근 속도)

✅ 현재 열린 탭에서 CSS나 JS 같은 리소스를 바로 가져올 때 유용

⚠️ 브라우저 창을 닫거나 새로고침하면 캐시가 삭제되어 해당 리소스들이 사라짐

👉 같은 페이지 내에서 같은 리소스를 여러번 사용할 때

디스크 캐시

✅ 하드디스크나 SSD 같은 저장장치에 저장 → 브라우저를 껐다 켜도 남아있음

✅ 자주 방문하는 사이트의 이미지나 폰트 같은 리소스를 다시 다운 받지 않고 사용할 수 있음

⚠️ 메모리 캐시 보다 접근 속도가 느려서 로딩 속도에 차이가 있을 수 있음

👉 다른 페이지에서 같은 CSS, JS 파일을 사용할 때

👉 브라우저를 닫았다가 다시 열어도 유지되어야하는 리소스가 있을 때

LocalStrage / Session Storage…