프런트 엔드 성능 최적화 III : 캐시

 

1.cache 제어 속성 :

  스크립트 파일이 변경되지 않습니다 오랫동안 결정하고, 브라우저가이 스크립트를 캐시 할 수 있습니다 통해 것을 할 수있는 경우, 항상 서버에 요청하지 않습니다. 이는 대역폭을 절약하고 성능을 향상시킬뿐만 아닙니다.

이 때, 당신은 HTTP 캐시-Control 헤더로 설정되어 반환 파일을 설정해야합니다 :Cache-Control: max-age=31536000(以秒计量)



이 만료
만료 또한 브라우저를 설정하지 시간이 만료 될 때까지 서버는 요청을 보냅니다.

 

 

3, 캐시 협상
현재 파일에 대한 브라우저의 서버 버전을 알리려면, 그것은 라벨을 마지막으로 변경을 보낸다

 협상 캐시 검증 단계 :

  1. 브라우저 : 그것은 마지막으로 수정 된 경우 이봐, 내가,이 문서 jquery.min.js 필요합니다 2019년 11월 26일 그리니치 표준시 13시 25분 13초 이후에 수정 화, 저를 보내 주시기 바랍니다.

  2. 서버 수정 된 검사 파일)

  3. 서버 : 이봐,이 문서는 그 시간 이후에 수정되지 않은, 당신은 이미 최신 버전이있다.

  4. 브라우저 : 좋아, 내가 사용자에게 표시됩니다.

도 4의 ETag
그리고 마지막으로 수정 된 유사하지만 수준이 마지막으로 수정 된 수보다 높다.
 
  1. 브라우저 : 이봐 , 내가 필요 haorooms . 의 CSS 파일, 미스 매치가있다 "61213-1762a - 50bf790757204" 이 문자열
  2. 검사 서버 Etag입니다을 ...)
  3. 서버 : 이봐 , 여기 내 버전 "61213-1762a - 50bf790757204는" 당신이 최신 버전이
  4. 浏览器:好,那就可以使用本地缓存了
 
 
 
 
 
 
 
 
 
 
 
 
 

추천

출처www.cnblogs.com/150536FBB/p/12367690.html