Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
Tags
- 타입스크립트 tutorial
- TypeScript
- angular optimization
- stroybook
- graphql 설명서
- 타입스크립트 매뉴얼
- angular trackby
- 리액트 셋팅
- graphql 개념
- 앵귤러 최적화
- react storybook
- 리액트 구조
- 타입 스크립트
- typescript 정독
- graphql
- typescript 튜토리얼
- 타입스크립트
- typescript 기초
- 타입스크립트 기초
- 타입스크립트 튜토리얼
- react setting
- 프론트
- 리액트 스토리북
- 리액트 환경설정
- typescript manual
- typescript-react-nextjs
- angular 최적화
- react atomic
- angular lazy loading
- 리액트 아토믹
Archives
- Today
- Total
목록angular lazy loading (1)
valleycho

- Lazy Loading Modules 구성 비교 테스트 - 요약 - [참고 2], [참고 3]의 lazy loading 적용 전 후의 내용을 보면 [참고 2]의 적용전에는 customers 컴포넌트의 내용과 orders의 내용이 main.js의 포함이 되어서 파일용량이 352KB인 것을 확인할 수 있고, [참고 3]은 main.js는 13.4KB 이고, Customers와 Orders를 클릭했을 때 모듈을 로드해서 가져오기 때문에 용량이 차이나고 따로 분리되어있는 것을 확인할 수 있다. 첫 화면 로드시의 main.js의 파일을 불러오는데 이 파일이 큰 경우에 첫 로드 속도가 느려지는 문제가 발생하므로 lazy loading을 적용시켜 모듈을 분리하여야 첫 페이지 로딩 속도가 빨라진다.
angular(앵귤러)
2020. 11. 1. 01:07