List

브라우저 캐시 정책 설정

#웹가이드

Web Guide캐시재방문 속도서버 설정
브라우저 캐시 정책 설정
한 번 받은 것을 다시 받지 않게 합니다.
재방문 속도가 달라지고 서버 부담도 줄어듭니다.
브라우저 캐시 정책 설정 관련 사진
01캐시 원리
이용자 기기에 파일을 남겨둡니다.
01
첫 방문
모든 파일을 내려받습니다.
02
저장
기기에 일정 기간 보관.
03
재방문
저장된 것을 그대로 씁니다.
04
속도
받을 필요가 없어 즉시 표시.
05
서버 절감
요청 자체가 줄어듭니다.
06
기간 만료
지나면 다시 받습니다.
02파일별 기간
바뀌는 빈도에 따라 다르게 정합니다.
이미지, 폰트
거의 안 바뀌므로 길게.
스타일, 스크립트
버전 표시와 함께 길게.
HTML 문서
짧게 하거나 매번 확인.
데이터 응답
성격에 따라 판단.
로그인 영역
저장하지 않습니다.
개인 정보
캐시 금지.
03갱신 문제
가장 흔한 사고입니다.
문제 상황
수정했는데 안 바뀌어 보임 · 이용자마다 다른 버전 · 새로고침해도 그대로
해결 방식
파일명에 버전 표시 · 내용이 바뀌면 이름도 바뀜 · 자동으로 새로 받음
04운영 점검
설정이 제대로 걸렸는지 봅니다.
응답 정보 확인
개발자 도구에서 유효기간.
재방문 테스트
두 번째 방문이 빠른지.
수정 반영
바꾼 내용이 바로 보이는지.
중간 서버
CDN 캐시도 함께 설정.
삭제 절차
긴급 시 비우는 방법 확인.
문서화
정책을 기록해 둡니다.
CHECK POINT
□  이미지와 폰트에 긴 캐시가 걸려 있는가
□  스타일과 스크립트 파일명에 버전이 있는가
□  HTML 문서는 짧게 설정했는가
□  로그인 영역은 캐시하지 않는가
□  수정한 내용이 바로 반영되는가
□  중간 서버 캐시도 설정했는가
□  긴급 시 캐시를 비우는 방법을 아는가
□  캐시 정책을 문서화했는가
캐시는 재방문 속도를 결정하지만 갱신 문제를 함께 풀어야 합니다.
파일명에 버전을 넣으면 길게 캐시하면서도 수정이 바로 반영됩니다.
#캐시#재방문 속도#서버 설정#버전 관리#CDN#갱신#성능#반응형#웹비스타#홈페이지 제작
목록보기