CSS/JS 파일에 쿼리 매개변수를 추가하면 어떻게 캐시 무효화를 달성할 수 있나요?

쿼리 매개변수 추가를 통한 캐시 무효화

프로덕션 배포 중 캐싱 전략을 강화하려면 캐시 무효화를 구현하는 것이 중요합니다. 한 가지 접근 방식은 현재 버전 번호가 포함된 CSS 및 JS 파일에 쿼리 매개변수를 추가하는 것입니다.

<link rel="stylesheet" href="base_url.com/file.css?v=1.123"/>

이 접근 방식은 브라우저가 매개변수를 새 경로로 처리하여 새로운 로드를 트리거하므로 배포 시 캐시를 효과적으로 중단합니다. 캐시된 콘텐츠에 의존하지 않고 서버에서 가져옵니다.

그러나 매개변수 자체가 캐싱 동작에 영향을 미치는지 여부를 고려하는 것이 중요합니다. 쿼리 매개변수 ?v=1.123은 일반적으로 고유 리소스를 나타내는 쿼리 문자열을 나타냅니다. 결과적으로 브라우저는 이 매개변수로 검색된 콘텐츠가 동적이며 캐시되어서는 안 된다고 가정할 수 있습니다.

다행히도 그렇지 않습니다. 브라우저는 동일한 매개변수 값(예: ?v=1.123)을 사용하는 후속 요청 시 소스가 동일하게 유지된다는 것을 인식합니다. 따라서 버전 번호가 변경되지 않는 한 매개변수를 기반으로 콘텐츠를 캐시합니다. 이렇게 하면 업데이트된 매개변수 값(예: ?v=1.124)으로 식별되는 새 버전이 배포될 때까지 콘텐츠가 캐시된 상태로 유지됩니다.

위 내용은 CSS/JS 파일에 쿼리 매개변수를 추가하면 어떻게 캐시 무효화를 달성할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!