>  기사  >  웹 프론트엔드  >  HTML 캐시 설정

HTML 캐시 설정

王林
王林원래의
2023-05-15 15:56:371076검색

인터넷의 발달과 함께 웹사이트 방문 횟수가 증가하고 사용자가 웹사이트에 접속하는 데 필요한 시간이 점점 짧아지고 있어 웹사이트의 성능과 속도에 대한 요구 사항이 높아지고 있습니다. 성능 최적화를 달성하는 한 가지 방법은 HTML 캐싱을 설정하는 것입니다. 이 문서에서는 HTML 캐싱이 무엇인지, 캐싱이 필요한 이유, HTML 캐싱 설정 방법을 소개합니다.

1. HTML 캐싱이란?

HTML 캐싱은 웹 페이지 콘텐츠를 사용자 브라우저의 캐시에 저장하고 사용자가 웹 페이지 콘텐츠를 매번 웹 서버에서 얻는 대신 다시 가져와야 하는지 여부를 제어하는 ​​것입니다. . 즉, 사용자가 처음으로 웹 페이지를 방문하면 웹 서버는 사용자가 해당 페이지를 다시 방문할 때 해당 페이지의 복사본이 존재하는지 확인합니다. , 브라우저는 웹 서버에 요청을 다시 보내는 대신 캐시에서 페이지 콘텐츠 가져오기에서 직접 복사합니다.

2. HTML 캐싱이 필요한 이유

  1. 웹사이트 성능 및 속도 향상

캐싱은 의심할 여지 없이 네트워크를 통해 데이터를 얻는 빈도를 줄여 페이지 로드 속도를 높이는 효과적인 성능 최적화 방법입니다.

  1. 서버 부하 감소

웹 서버가 여러 사용자 요청을 처리할 때 캐싱을 활성화하면 서버가 많은 리소스를 절약할 수 있으므로 서버의 부하가 줄어들고 웹 사이트의 확장성이 향상됩니다.

  1. 네트워크 대역폭 사용 줄이기

캐싱을 활성화하면 데이터 전송 횟수와 네트워크 대역폭 사용을 줄일 수 있으므로 많은 액세스에 더 잘 대처할 수 있습니다.

3. HTML 캐시를 설정하는 방법

캐시를 설정할 때 HTTP 응답 헤더에 캐시 제어 필드를 추가해야 합니다. 아래에 자세히 소개된 HTTP 응답 헤더가 있습니다. Expires 헤더는 페이지가 만료되는 시기를 브라우저 브라우저에 알려줍니다. 이 시간은 웹 서버가 브라우저에 반환하는 미래의 절대 날짜 및 시간이어야 합니다.

    예를 들어 다음 명령문은 캐시 기간을 1시간으로 설정합니다.
  1. Expires: Thu, 21 Sep 2023 19:20:39 GMT
Cache-Control

Cache-Control 헤더는 캐시 항목 형식으로 웹 서버에 대한 캐시 관리 옵션을 제공하여 다음을 제어할 수 있습니다. 클라이언트 및 프록시 서버 그리고 웹 서버가 페이지를 캐시하고 저장하는 방법과 캐시되는 기간을 설명합니다.

    예를 들어, 다음 명령문은 요청이 3시간 동안 캐시될 수 있음을 브라우저에 알려줍니다.
  1. Cache-Control: max-age=10800
Last-Modified

Last-Modified는 브라우저에 요청이 있음을 알리기 위해 웹 서버에서 보낸 HTTP 응답 헤더입니다. 서버의 리소스(문서, 이미지 등)가 마지막으로 수정되었습니다. 이번에는 페이지나 이미지 등을 캐시에서 제거해야 하는 시기를 브라우저에 매우 간단하게 알려줍니다.

    예:
  1. Last-Modified: Thu, 12 Dec 2019 03: 15: 02 GMT
ETag

ETag는 웹 서버의 리소스가 수정될 때 캐시 확인을 지원하기 위해 웹 서버에서 보낸 HTTP 응답 헤더입니다. HTTP 요청 중에 브라우저는 이 ETag를 제출하고 서버에 마지막으로 수정된 버전을 알려줍니다. 이를 통해 서버는 유일한 새 버전을 확인하고 반환할 수 있습니다.

    예:
  1. ETag: "1234abcd"
  2. 웹 개발자는 다음 사항에 주의해야 합니다.

동적 페이지는 캐시되어서는 안 됩니다.

사이트가 다른 서버로 이동하면 캐시가 무효화되므로 캐시를 특정 IP 주소에 연결하면 안 됩니다.

웹 서버는 캐시가 만료되는 시기를 브라우저에 알리기 위해 HTTP 응답 헤더를 보내야 합니다.
  1. 암호화 또는 보안 정보와 관련된 웹페이지는 캐시되어서는 안 됩니다.
  2. 일반적으로 HTML 캐싱은 웹사이트 성능과 속도를 향상시키는 효과적인 방법입니다. 최상의 결과를 얻으려면 실제 요구 사항에 따라 적절한 캐싱 규칙을 설정해야 합니다. 동시에, 캐시 장애로 인한 정보 유출 등 보안 문제가 발생하지 않도록 캐시 설정 시 주의가 필요합니다.

위 내용은 HTML 캐시 설정의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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