inflearn logo
강의

講義

知識共有

フロントエンド開発者向け、実践的なWebパフォーマンス最適化(feat. React) - Part. 2

3-7) キャッシュ最適化

안녕하세요~ 질문드립니다

解決済みの質問

305

jjongrrr

投稿した質問数 26

1

안녕하세요

캐시수업도 매우 유익하네요 ...

수업듣고 사이트를 보다가 궁금한점이 생겼는데요~

 

질문1. 

HTML 상단 메타태그에 <meta http-equiv="Cache-Control" content="no-cache"> 를 주면 서버에서 설정하지 않아도 예제에서 사용한거랑 같이 해당 HTML이 변경될 때만 다운로드할까요 ? 

(이러면 request header의 캐시컨트롤에 노캐시가 붙나요?)

 

질문2. 

예제에선 HTML을 제외하고 CSS JS Image의 max-age를 길게주고  소스 변경시에만 hash를 다르게 붙여 변경된 리소스만 새 파일을 다운로드 하게 했는데요  

HTML CSS JS Image를 모두 no-cache로 주면 어떻게 작동할까요 ? 

 

devtools react

回答 1

1

hackurity01

안녕하세요, jjongrrr님,

1.

그건 해당 지시문에 대해서는 정확히 모르겠지만,
문서 내용을 찾아보면 http 헤더와 동일한 역할을 한다고 합니다.
(https://developer.mozilla.org/ko/docs/Web/HTML/Element/meta)

다만, 해당 meta 태그를 입력했다고 http header가 변경되지는 않을 겁니다.

 

2.

css, js를 no-cache로 주면 매번 해당 파일이 변경되었는지(캐시에 있는 데이터를 사용해도 되는지)를 서버에 물어봅니다.(html과 동일)
하지만, css, js의 경우 변경이 되면 해시가 변경되면서 파일 이름 자체가 변경되기 때문에 굳이 no-cache로 사용할 필요는 없겠죠?

image의 경우도 동일합니다.

 

답변이 도움되셨길 바라며, 강의에 관심을 가져주셔서 감사합니다.

0

jjongrrr

아하 그렇군요 !! 감사합니다!

예제 프로젝트 관련 질문입니다.

0

73

1

개발환경에 대한 안내

1

162

2

layout shift가 아주 약간 일어나는 부분에 대해

0

312

2

3-4) 이미지 사이즈 최적화 과정에서 img 태그 작동 안되는 문제

0

299

2

Material--icons_4.0.0.woff2

0

211

1

코드 실행 시 에러 관련 질문드립니다!!

1

581

1

npm run serve가 동작하지 않아요

0

705

1

lighthouse 측정에 관해 질문드려요

2

1008

1

webp 확장자질문

1

424

1

이미지 지연 로딩 질문 있습니다!

2

448

1

폰트 포멧에 대한 질문입니다.

1

390

2

궁금한 점이 있어요

1

350

1

css font-face unicode-range

1

361

1

woff2 포멧 IE에서 사용가능 여부

1

422

2

3-3 이미지 지연 로딩 코드 어디서 보나요?

1

328

1

img 태그가 작동이 되지 않습니다.

1

407

1

질문있습니다~

2

223

1

이미지 오류 요청 오류

1

399

1

궁금한점이 있습니다.

1

228

1

강의자료

1

207

2

안녕하세요 리액트 최적화 관련하여 질문드립니다.

2

1462

1

선생님 질문이 하나 있는데요~~

1

378

2

정말유익해요

2

217

1

궁금한 점이 있습니다.

1

263

1