Angularjs에서 브라우저 캐싱을 활용합니다.

Question

Angularjs 프로젝트를 진행하고 있는데, 웹 사이트 최적화를 위해 이미지의 레버리지 브라우저 캐싱을 구현하고 싶습니다. angularjs 프로젝트에서 이것을 구현할 방법이 있습니까?

Answer 1

브라우저 캐싱은 서버에서 수행합니다.

Linx8 응답뿐만 아니라 Google browser caching에서 자세한 내용을 확인할 수 있습니다.

캐시 제어 방법, 개별 응답 브라우저 및 기타 중간 캐쉬를 할 수있는 방법을 오랫동안 정의합니다. 에 대해 더 배우려면 Cache-Control으로 캐싱을 참조하십시오.

의 ETag 자동으로 자원이 요청 된 마지막 시간 이후 변경되었는지 확인하기 위해 브라우저에 의해 전송되는 재 검증 토큰을 제공합니다. 에 대해 자세히 알아 보려면 ETags로 캐시 된 응답의 유효성 검사를 참조하십시오.

요약하면 브라우저는 다음 태그를 사용하여 자원 (이미지, 스타일 시트, 스크립트)을 repsonds합니다. Cache-Control and Etags. 이 헤더는 얼마나 오래 캐시되어야하는지, 또는 이후에 수정되었는지를 표시합니다. 사용자가 사이트를 다시 방문하면 웹 서버에 HTTP GET 요청을하는 대신 캐시에서 가져 와서 시간과 비용을 절약 할 수 있습니다. 권장되는 최소 캐시 시간은 일주일이며, 바람직하게는 최대 1 년입니다 (rfc2616에 명시).

Answer 2

브라우저 캐싱을 활용하면 AngularJS 외부에서 캐싱이 발생합니다. 당신은 당신의 도메인의 루트 또는 비슷한 사용하여 웹 응용 프로그램과 같은 디렉토리에 두 서버에서 .htaccess 파일을 만들 수 있습니다 더 많은 정보를 들어

## EXPIRES CACHING ## 
<IfModule mod_expires.c> 
ExpiresActive On 
ExpiresByType image/jpg "access plus 1 year" 
ExpiresByType image/jpeg "access plus 1 year" 
ExpiresByType image/gif "access plus 1 year" 
ExpiresByType image/png "access plus 1 year" 
ExpiresByType text/css "access plus 1 month" 
ExpiresByType application/pdf "access plus 1 month" 
ExpiresByType text/x-javascript "access plus 1 month" 
ExpiresByType application/x-shockwave-flash "access plus 1 month" 
ExpiresByType image/x-icon "access plus 1 year" 
ExpiresDefault "access plus 2 days" 
</IfModule> 
## EXPIRES CACHING ## 

, 여기에 읽기 : Varvy