인프런 커뮤니티 질문&답변
작성한 질문수
로컬스토리지, 세션스토리지, 쿠키의 공통점
해결된 질문
작성
·
28
0
안녕하세요! 강의 잘 듣고 있습니다. 선생님.
오늘은 로컬스토리지, 세션스토리지, 쿠키의 공통점에서 "캐싱으로 인해 다운로드 하는 컨텐츠가 줄어들어 웹사이트의 컨텐츠를 더 빨리 다운로드가 가능하다"는 부분에 대해 이해가 안가는 부분이 있어 질문드립니다.
우선 쿠키는 사용자 정보를 저장하는 건데, 웹사이트의 컨텐츠를 빨리 받는 것과 관련이 어떻게 있는지 모르겠습니다.
또한 로컬스토리지 같은 경우도 사용 예시가 '입력창에 입력했던 기록', '새로고침해도 남아있는 필터링 값', '장바구니', '로그인 유지'인데 웹사이트의 컨텐츠 다운로드 속도를 어떻게 빠르게 하는지는 모르겠습니다.
좋은 강의 해주셔서 잘 듣고 있습니다.
답변 미리 감사드립니다!
답변 1
0
안녕하세요 ㅎㅎ
캐싱으로 인해 다운로드 하는 컨텐츠가 줄어들어 웹사이트의 컨텐츠를 더 빨리 다운로드가 가능하다
이부분에 대해 좀 더 부연설명을 하면 다음과 같습니다. (이부분은 제가 추가해놓겠습니다.)
HTTP/1.1의 경우 오리진당 리소스 6개 연결 제한 때문에 요청하는 컨텐츠가 줄어들면 속도가 향상됩니다.
이외의 HTTP 버전은 오리진당 리소스 6개 연결제한이 없지만 서버 처리 리소스, 헤더압축 비용 등이 감소하기 때문에 속도가 향상됩니다.
자 그러면 질문에 대해서 답변을 드리면요.
A1. 웹사이트의 컨텐츠는 파일만을 의미하지 않습니다. 사용자의 정보 또한 컨텐츠입니다.
A2. 쿠키 등을 사용자에게만 썼다고 가정, 향상되는 부분을 보겠습니다.
핵심은 사용자 식별을 네트워크 왕복 없이 끝내는 것입니다.
쿠키가 없을 때는
HTML 다운로드 -> JS 실행 -> 인증 API요청 -> 인증 후 -> api/data 요청
쿠키가 있다면
HTML 다운로드 -> JS 실행 -> api/data 요청
이렇게 분기판단을 네트워크 없이 끝내는 것으로 이어져서 api/data 컨텐츠 다운로드 속도 증가 및 서버 부하를 줄여 이외의 컨텐츠 다운로드 속도가 더 빨라지게 됩니다. :)
또 질문 있으시면 언제든지 질문 부탁드립니다.
좋은 수강평과 별점 5점은 제게 큰 힘이 됩니다. :)
감사합니다.
강사 큰돌 올림.