inflearn logo
강의

講義

知識共有

Vue.js ちゃんと学んでみませんか(Vue.jsプロジェクト投入1週間前)

Lazy Load(非同期コンポーネント)の設定

lazy-load의 성능에 대해서 질문이 있습니다.

205

pierecafrt654733

投稿した質問数 2

0

강의 내용을 요약해보면 component를 import 하는 방법에
 
1. 첫 화면로딩때 모든 컴포넌트에 대해 캐시 로딩,
2. prefetch disable-> 해당 컴포넌트를 부를때 캐시에 로딩
3. 첫 로딩때 한번에 다운?
 
이렇게 된다고 이해했습니다.
 
app.js에 모든 컴포넌트가 포함되서 받아오는것(3번)과, prefetch enable해서 app.js + 각가 컴포넌트 javascript를 받아올때(1번)와의 차이를 잘모르겠습니다.
 
 
prefetch의 장점이 캐시에 로드해서 해당 컴포넌트를 호출하면 캐시에서 가져와서 빠르게 로딩할수있다는 것으로 이해했습니다
하지만 3번으로 가져온 app.js도 모든 컴포넌트에 대해 로딩이 끝났기때문에 1번 경우와 동일하게 빠르게 로딩될수있는거 아닌가요?
(3번의 경우에는 각 컴포넌트를 호출할때마다 캐시에 로딩하기 때문에 느린건가요?)
 
 
질문을 정리하면 아래와 같습니다
1. 브라우저는 스크립트를 받아서 컴포넌트를 실행할때마다 해당 컴포넌트를 캐시에 올려서 사용하나요?
 
2. 위의 가정이 맞다면 1번과 3번의 차이는 각 컴포넌트를 호출할때 마다 캐시에 올려서 시간이 오래걸림 vs 모든 컴포넌트를 캐시에 올려서 시간이 오래 걸림 일까요?
 
 
 

vuex vuejs

回答 0

google login 를 따라하다가 오류 발생

0

937

1

Expected indentation of 2 spaces but found 4 오류

0

874

1

카카오 로그인 에러가 뜨세요

0

434

1

Multi-word질문드립니다.

0

234

2

설치 이후 npm run serve 화면 안나옴

0

651

1

vue cli 문제

0

361

2

요청드립니다.

0

160

0

eslint 에러발생

0

1384

1

main.js 질문드립니다.

0

228

1

vuex-persistedstate 는 동작 자체를 안하네요?

0

371

1

15강.조회화면 저장실습 - params안됨

0

286

1

array 넘겨주기

0

164

0

유튜브 4시간 강의와는 어떤 차이가 있을까요?

0

286

1

prefetch기능

0

738

1

테이블 list 랜더링 되지 않습니다.

0

254

1

펑션을 한 depth 더 들어가면 $호출이 안되는 이유가 뭘까요?

0

288

2

name 값이 없는 경우 오류

0

209

1

vue config 파일 문의

0

346

1

실무 레벨에서 공통코드(기준정보)는 어떻게 구현 할까요?

0

327

1

강의자료가 따로 있나요?

0

362

1

computed 대신 직접 this.$store.state.user 사용은 안되나요?

0

171

0

Prefetch 관련 질문 드립니다.

0

143

1

저는 왜 하나의 단어가 지정이 안될까요?

0

313

1

V디렉티브 문법 오류 질문드립니다.

0

487

1