웹 재요청 방지 및 트래픽 감소를 위한 방법
- from cache
- 서버에 요청자체를 하지 않는다.
-
가장 효과가 좋다.(요청 자체가 없으므로)
- 최초 한번 데이터를 가져오면, 그 후로는 웹 브라우저의 캐시에서 데이터를 가져온다.
즉, 서버와의 통신이 없어진다. - 하지만 F5를 누를 경우 새로 데이터가 전송된다.(HTTP Code 200 발생)
- 관련 응답 해더 및 PHP 적용법 ($g는 캐시 기간(초))
- header(‘Cache-Control:public, max-age=’.$g); // HTTP/1.1
-
지정 초 이전까지는 재요청하지 않도록 권장함 (새로 고침에서는 무시됨)
- header(“Expires: “.gmdate(“D, d M Y H:i:s”, time()+$g).” GMT”); //캐시
-
지정 시간까지는 재요청 하지 않도록 권장함 (새로 고침에서는 무시됨)
-
apache의 경우 mod_expires 적용
- 304 Not Modified
- 요청은 하지만, 트래픽이 아주 적게 발생된다.(해더 전송 정도만 발생)
- F5로 새로 요청해도 Etag나 Last-Modified의 조건에 맞으면 HTTP Code는 304가 발생된다.(실제 데이터 전송은 없음)
(ctrl+F5의 경우 etag와 Last-Modified 가 없이 요청되므로 새로 가져온다.) - 관련 응답 해더 및 PHP적용법
- header(“Etag: “.$etag_key); //etag
- 파일의 수정내역을 Etag로 만들어서 출력한다.
클라이언트가 같은 Etag로 요청하면, 304코드를 알려준다. - 아파치의 경우 FileETag 부분 참고
- 파일 수정 시간을 사용할 경우 문제가 될 수 있다.
서버를 여러대 사용할 경우 서버 간의 파일의 시간 차가 발생될 수 있기 때문이다. - 여러서버를 묶어쓰는(L4에 연결 해서) 경우 사용안하는게 좋다
-
PHP에서 처리할 경우 요청에서 HTTP_IF_NONE_MATCH 관련 처리가 필요
- header(‘Last-Modified: ‘.gmdate(“D, d M Y H:i:s”, time()+$g).” GMT”);
- 지정 시간까지는 파일이 수정되지 않는다는 것을 나타낸다.
즉, 그 시간에 재요청해봤자 304 코드가 반환된다. - apache의 경우 mod_expires 적용
- PHP에서 처리할 경우 요청에서 HTTP_IF_MODIFIED_SINCE 관련 처리가 필요
참고
브라우저 동작에 따른 동작 설명 (크롬에서 테스트하였음)
- 브라우저 링크로 페이지 이동
- Cache-Control, Expires 적용됨 (from cache 발생 할 수 있음)
-
Etag, Last-Modified 를 적용해서 재 요청됨.(즉, 304 발생 할 수 있음)
- 브라우저에서 F5를 누를 경우
- Cache-Control, Expires 무시됨 (새로 받음)
-
Etag, Last-Modified 를 적용해서 재 요청됨.(즉, 304 발생 할 수 있음)
- 브라우저에서 ctrl+F5를 누를 경우
- Cache-Control, Expires 무시됨 (새로 받음)
- Etag, Last-Modified 를 무시하면서 재 요청됨.(완벽한 새로 고침)
PHP에서 Etag 상세
$etag_key = 'AAAAA' //ETAG 알아서 만들어라...보통 파일크기, 파일 수정일을 사용해서 만든다.
if(isset($_SERVER['HTTP_IF_NONE_MATCH'][0]) && trim($_SERVER['HTTP_IF_NONE_MATCH'])==$etag_key){
header("HTTP/1.1 304 Not Modified",true,304);
exit();
}else{
header("Etag: ".$etag_key); //etag
}
PHP에서 Last-Modified 상세
$g는 처리하고픈 기간(초)
if(isset($_SERVER['HTTP_IF_MODIFIED_SINCE'][0]) && strtotime($_SERVER['HTTP_IF_MODIFIED_SINCE']) < time()){
header("HTTP/1.1 304 Not Modified",true,304);
exit();
}else{
header('Last-Modified: '.gmdate("D, d M Y H:i:s", time()+$g)." GMT");
}