똑같은 삽질은 2번 하지 말자

HTTP 캐시 전략 본문

카테고리 없음

HTTP 캐시 전략

곽빵 2021. 11. 13. 17:09

https://web.dev/http-cache/

 

Prevent unnecessary network requests with the HTTP Cache

How can you avoid unnecessary network requests? The browser's HTTP Cache is your first line of defense. It's not necessarily the most powerful or flexible approach, and you have limited control over the lifetime of cached responses, but it's effective, it'

web.dev

 

개요

캐싱은 그렇게 많은 시간을 들이지 않고도 웹사이트의 불필요한 네트워크 요청을 줄일 수 있는 효과적인 방법이다.

캐싱은 보통 요청 헤더를 조작하기 보다는 응답 헤더를 조작해 캐싱 동작을 제어하는데 그럼 어떻게 해야 효과적인 

캐싱을 할 수 있을까? (여러가지 동작제어에 대해 궁금하시면 위의 링크 참고)

결론

Cache-Control: max-age=31536000 캐시 시간을 1년을 지정하고 URL로 version을 관리한다.

(webpack 같은 빌드도구들은 이미 이러한 URL버전 관리를 자동으로 할 수 있게 해주는 것 같다.)

끝에 param으로 ?"현재시간"을 찍는 방법도 어찌보면 하나의 URL version 관리

 

Comments