HTTP 요청 수를 줄이는 캐시 방식

Cache-Control 헤더를 사용하여 다음 방문시 HTTP 요청 자체를 하지 않도록 하는 방식이다.

• Cache-Control의 max-age 설정값을 통해 응답이 내려간 이후 일정 시간 동안 서버에 HTTP 요청 자체를 하지 않도록 할수 있음
• 정적 리소스의 경우 이 방식을 사용하여 브라우저 캐시를 사용하여 요청을 줄이도록 하는 것이 좋음
  • max-age=2,592,000: 60초 * 60분 * 24시간 * 30일 동안 캐시
• 그러나 해당 컨텐츠가 변경되더라도 캐싱되어있다면 해당 시간 동안 갱신이 이루어지지 않음 → 변경이 필요할 경우 새로운 이름을 사용

Cache-Control 설정값

https://developer.mozilla.org/ko/docs/Web/HTTP/Headers/Cache-Control

• public: 모든 공유/비공유 캐시에서 응답을 캐시해서 사용할수 있게 한다. 즉, 프록시(public)와 브라우저(private) 모두에게 캐싱이 가능하도록 함
• private: 응답을 단일 사용자(브라우저)를 위해서만 캐시할 수 있으며, 공유캐시(프록시 등)에 저장하면 안된다는 것을 의미. 즉, 사용자 브라우저에서만 캐싱하고자 함
• no-cache: 서버에게 갱신여부를 확인한뒤 캐시 사용
• no-store: 민감한 정보에 대해 기록을 남기지 않게 하기 위해 사용하는 지시자
  • 요청에 붙여서 보내면 웹서버는 응답을 캐시해서는 안됨
  • 응답에 붙여서 보내면 브라우저가 해당 응답을 공유/비공유 캐시를 포함해 응답을 저장해서는 안됨
• max-age: 주어진 시간이 경과할 때까지는 서버에 요청을 하지 않고 캐시된 컨텐츠를 사용해야함
  • Expires 헤더를 사용해 컨텐츠의 만료시간을 명시하며, 대안으로 max-age를 사용할 수도 있음. 우선순위는 max-age 가 더 우선시 됨
• must-revalidate: 캐시 가능 시간 (Age)이 경과된 이후에는 서버에서 해당 컨텐츠를 재확인하기 전에는 사용해서는 안됨
• no-transform: 프록시 서버와 같은 중간 캐시에 의해 컨텐츠가 변형되지 못하도록 함
  • 프록시가 성능등을 위해 이미지 포맷등을 변형하거나 압축할수 있는데, 그러한 동작을 허용하지 않음

아파치 설정

ExpiresDefault "access plus 1 month"
ExpiresByType image/gif "access plus 1 week"
  
<FileMatch ".(ico|jpg|jpeg|png|gif)$">
    Header set Cache-Control "max-age=86400, public, must-revalidate"
</FileMatch>