인프런 커뮤니티 질문&답변

강의 내용을 요약해보면 component를 import 하는 방법에

 

1. 첫 화면로딩때 모든 컴포넌트에 대해 캐시 로딩,

2. prefetch disable-> 해당 컴포넌트를 부를때 캐시에 로딩

3. 첫 로딩때 한번에 다운?

 

이렇게 된다고 이해했습니다.

 

app.js에 모든 컴포넌트가 포함되서 받아오는것(3번)과, prefetch enable해서 app.js + 각가 컴포넌트 javascript를 받아올때(1번)와의 차이를 잘모르겠습니다.

 

 

prefetch의 장점이 캐시에 로드해서 해당 컴포넌트를 호출하면 캐시에서 가져와서 빠르게 로딩할수있다는 것으로 이해했습니다

하지만 3번으로 가져온 app.js도 모든 컴포넌트에 대해 로딩이 끝났기때문에 1번 경우와 동일하게 빠르게 로딩될수있는거 아닌가요?

 

 

질문을 정리하면 아래와 같습니다

1. 브라우저는 스크립트를 받아서 컴포넌트를 실행할때마다 해당 컴포넌트를 캐시에 올려서 사용하나요?

 

2. 위의 가정이 맞다면 1번과 3번의 차이는 각 컴포넌트를 호출할때 마다 캐시에 올려서 시간이 오래걸림 vs 모든 컴포넌트를 캐시에 올려서 시간이 오래 걸림 일까요?