Windows, Linux, Others.

html 브라우저 캐시 초기화 방법

h

code

HTML 또는 PHP 코드로 브라우저 캐시를 초기화 할 수 있습니다.
사이트 방문자가 이전의 css, js 코드 또는 이미지를 사용할 경우 최신으로 반영된 사이트 콘텐츠를 반영하지 못할 수 있습니다. 따라서 중요한 페이지 업데이트가 있거나 자주 변경해주어야 하는 특정 페이지에 해당 내용을 적용하여 사용자가 번거롭게 브라우저 캐시를 지울 필요가 없게 됩니다.

주의해야 할 것은 캐시 초기화를 자주 하게 되면 서버에서 요청되는 리소스가 그만큼 늘어나기 때문에 정말 필요할 때만 사용해야 한다는 것입니다.

HTML 코드로 브라우저 캐시 초기화


아래 내용을 HTML 코드의 "<head>" 태그 내에 삽입합니다.

<meta http-equiv="Expires" content="Mon, 06 Jan 1990 00:00:01 GMT">

# 위의 명시된 날짜 이후가 되면 페이지가 캐싱되지 않습니다.

(따라서 위와 같은 날짜로 지정할 경우 페이지는 지속적으로 캐싱되지 않습니다.)
<meta http-equiv="Expires" content="-1">

# 캐시된 페이지가 만료되어 삭제되는 시간을 정의합니다. 특별한 경우가 아니면 -1로 설정합니다.

<meta http-equiv="Pragma" content="no-cache">

# 페이지 로드시마다 페이지를 캐싱하지 않습니다. (HTTP 1.0)
<meta http-equiv="Cache-Control" content="no-cache">

# 페이지 로드시마다 페이지를 캐싱하지 않습니다. (HTTP 1.1)

PHP 코드로 브라우저 캐시 초기화


아래 내용을 PHP 코드 내에 삽입합니다. HTTP 헤더에 위와 동일한 내용을 추가하는 내용입니다.

header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
header("Last-Modified: ".gmdate("D, d M Y H:i:s")." GMT");
header("Cache-Control: no-store, no-cache, must-revalidate");
header("Cache-Control: post-check=0, pre-check=0", false);
header("Pragma: no-cache");

2개의 댓글

  • 도움되는 정보 감사드립니다.
    문의드릴게 있어서 댓글 남겨요.

    정의시 날짜는 어떻게 정의해야는건가요?
    현재일을 등록하면 현재일기준으로 기존 캐시가 지워지는 건가요?

    • 안녕하세요. 블로그에 방문해주셔서 감사합니다.
      '해당 코드에 명시된 날짜 이후'가 되면 페이지가 캐싱되지 않습니다.
      따라서 위와 같이 1990년도로 설정했다면 페이지는 지속적으로 캐싱되지 않습니다.

Windows, Linux, Others.

최근 글

최근 댓글

카테고리