사이트에 캐시가 적용되지 않으면 뒤로가기 버튼을 눌렀을 때 무조건 페이지를 새로고침하는 문제가 생긴다.

뒤로가기 시에도 새로고침하지 않도록 캐시를 적용하는 방법과 마지막으로 내가 해결했던 방법을 소개한다.

브라우저 캐시 적용하거나 확인하는 방법

1. 웹 소스 코드에 추가

웹 소스 코드에 브라우저 캐시를 유지한다는 캐시를 추가한다.

PHP를 예로 들면 아래와 같다.

header('Expires: ' . gmdate('D, d M Y H:i:s', time() + (60*60*24)) . ' GMT'); // 유효기한
header("Cache-control: public, max-age=".(60*60*24), true); // 캐시 최대 길이 (초 단위)

2. 클라우드플레어 캐시 설정 확인

만약 클라우드플레어 같은 프록시 서비스를 쓰고 있다면 해당 서비스에 캐시 설정이 원하는 대로 되어있는지 확인한다.

클라우드플레어의 "DNS" 메뉴에서 프록시 설정을 확인하거나 "Cache" 메뉴에서 설정을 확인하다.

3. 사용중인 자바스크립트 라이브러리 확인

여러가지 방법을 확인해도 안되다가 겨우 찾은건데

간혹 사용중인 자바스크립트 라이브러리가 캐시를 방해하는 경우가 있다.

나같은 경우 tawk.to 용 라이브러리를 사이트에 탑재할 때 캐시가 안먹는 문제가 발생했다.

아무리 찾아도 캐시 문제가 해결되지 않느다면 사용중인 자바스크립트 라이브러리도 확인해볼 필요가 있다.