>  기사  >  백엔드 개발  >  PHP를 통해 파일 내의 js 및 css 캐시를 수정하는 방법

PHP를 통해 파일 내의 js 및 css 캐시를 수정하는 방법

PHPz
PHPz원래의
2023-03-31 09:10:421064검색

웹사이트가 계속 발전함에 따라 웹사이트의 JS 및 CSS 파일을 업데이트해야 하는 경우가 많습니다. 그러나 우리 모두는 브라우저에 캐싱 메커니즘이 있다는 것을 알고 있습니다. 결과적으로 사용자가 웹사이트를 탐색할 때 새로운 JS 및 CSS 파일은 업데이트되지 않고 이전 파일을 계속 사용하므로 캐시되는 데 오랜 시간이 걸립니다. 이는 웹사이트의 사용자 경험에 영향을 미칩니다. 그렇다면 이 문제를 해결하는 방법은 무엇입니까? 오늘 본 글에서는 사용자가 웹사이트 방문 시 최신 JS, CSS 파일을 사용할 수 있도록 PHP를 통해 파일 내 JS, CSS 캐시를 수정하는 방법을 소개하겠습니다.

캐시란?

파일 내에서 js, css 캐시를 수정하는 방법을 소개하기 전에 먼저 캐시가 무엇인지부터 이해해야 합니다. 캐싱은 요청된 데이터를 로컬에 일시적으로 저장하여 다음에 정보가 필요할 때 더 빠르게 액세스할 수 있도록 하는 것을 의미합니다. 캐싱의 가장 큰 장점은 서버의 부하를 줄여 웹사이트 성능을 향상시킨다는 것입니다. 그러나 캐싱이 부족하면 브라우저가 최신 버전 대신 만료된 파일을 사용할 수 있습니다. 그렇기 때문에 파일 내의 js 및 css 캐시를 수정해야 합니다.

js 및 CSS 캐시 수정

단, js 및 CSS 캐시를 수정하기 전에 HTTP 상태 코드에 대한 기본 지식을 이해해야 합니다. HTTP 상태 코드는 클라이언트에게 요청 결과를 알려주는 데 사용되는 세 자리 숫자 코드입니다. 그 중 HTTP 200은 요청이 성공했음을 의미하고, HTTP 304는 리소스가 아직 업데이트되지 않았음을 의미합니다. 브라우저가 새로운 JS 및 CSS 파일을 사용하도록 하려면 HTTP 상태 코드를 수정하여 매번 파일을 다시 요청해야 함을 브라우저에 알려야 합니다.

버전 번호 추가

가장 먼저 필요한 것은 js 및 css 코드 끝에 버전 번호를 추가하는 것입니다. 업데이트 시 그에 따라 버전번호가 변경되며, 버전번호 변경으로 인해 브라우저에서 해당 파일을 다시 요청하게 됩니다. 여기서 버전 번호는 타임스탬프이거나 임의로 정의된 문자열일 수 있습니다.

<link rel="stylesheet" href="/css/main.css?v=xxx" type="text/css">
<script src="/js/main.js?v=xxxx"></script>

php를 통해 파일 캐시 수정

파일 캐시를 수정하는 방법에는 크게 두 가지가 있습니다. php 헤더 정보를 통하는 것과 htaccess 파일을 통하는 것입니다.

php 헤더 정보를 통해

php의 header() 함수는 http 헤더 정보를 설정할 수 있습니다. header() 함수를 사용하여 캐시 제어, pragma(프로토콜) 및 만료(절대 만료 시간)의 http 헤더 정보를 설정하여 브라우저에 캐시하지 않도록 지시할 수 있습니다.

// 设置js和css文件不缓存
header('Cache-Control:no-cache,must-revalidate');
header('Pragma:no-cache');
header('Expires:0');

htaccess 파일을 통해

htaccess는 Apache 웹 서버를 구성하는 데 사용되는 구성 파일입니다. htaccess 파일의 내용을 수정하여 캐시를 수정할 수 있습니다. .htaccess 파일 뒤에 다음 코드를 추가하여 브라우저가 파일을 다시 요청하도록 합니다.

<IfModule mod_expires.c>
  ExpiresActive on
  ExpiresDefault "access plus 1 year"
</IfModule>

Summary

이 기사에서는 캐시가 무엇인지, PHP를 통해 파일의 js 및 css 캐시를 수정하여 문제를 해결하는 방법을 배웠습니다. 브라우저 캐시 문제. PHP 헤더 정보와 htaccess 파일을 통해 캐시를 수정하는 두 가지 방법을 소개했습니다. 이러한 방식으로 향후 웹사이트 개발 과정에서 캐싱 문제를 더 잘 해결하고 웹사이트의 운영 효율성과 사용자 경험을 향상시킬 수 있습니다.

위 내용은 PHP를 통해 파일 내의 js 및 css 캐시를 수정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.