캐시 기본 동작

 

https://www.inflearn.com/course/http-%EC%9B%B9-%EB%84%A4%ED%8A%B8%EC%9B%8C%ED%81%AC/lecture/61383?tab=note&volume=1.00&speed=0.75

star.ipg를 요청한다.

처음에 서버에서 응답을 내려주는데 

응답 HTTP 에서 이미지와 관련된 코드들이 있다.

헤더와 바디를 합쳐서 1.1M을 전송한다.

 

캐시가 없을땐 두 번째 요청을 해도 같은 과정을 반복한다.


캐시가 없을 때

- 데이터가 변경되지 않아도 계속 네트워크를 통해서 데이터를 다운로드 받아야 한다.

- 인터넷 네트워크는 매우 느리고 비싸다.

- 브라우저 로딩 속도가 느리다.

- 느린 사용자 경험


https://www.inflearn.com/course/http-%EC%9B%B9-%EB%84%A4%ED%8A%B8%EC%9B%8C%ED%81%AC/lecture/61383?tab=note&volume=1.00&speed=0.75

캐시를 적용을 하면

웹 브라우저에서 star.jpg를 보내면 

cache-control 헤더를 넣을 수 있고 유효시간을 적용할 수 있다.

https://www.inflearn.com/course/http-%EC%9B%B9-%EB%84%A4%ED%8A%B8%EC%9B%8C%ED%81%AC/lecture/61383?tab=note&volume=1.00&speed=0.75

웹 브라우저에는 내부에 캐시를 저장하는 저장소가 있다.

그래서 응답결과를 캐시에 저장한다.

그렇게 되면 두 번째 요청시에는 캐시를 먼저 확인한다. 네트워크를 탈 필요가 사라진다.


캐시 적용

- 캐시 덕분에 캐시 가능 시간동안 네트워크를 사용하지 않아도 된다.

- 비싼 네트워크 사용량을 줄일 수 있다.

- 브라우저 로딩 속도가 매우 빠르다.

- 빠른 사용자 경험


캐시 시간 초과

- 캐시 유효 시간이 초과하면, 서버를 통해 데이터를 다시 조회하고, 캐시를 갱신한다.

- 이때 다시 네트워크 다운로드가 발생한다.

'웹프로그래밍 > 웹 기본 지식' 카테고리의 다른 글

34. 검증 헤더와 조건부 요청2  (0) 2022.03.09
33. 검증 헤더와 조건부 요청1  (0) 2022.03.09
31. 쿠키  (0) 2022.03.08
30. 인증  (0) 2022.01.12
29. 특별한 정보  (0) 2022.01.12

+ Recent posts